http://kimjiwoon.kr/view.php?id=%EC%82%B0%EC%B1%85&no=18
부럽습니다...^-^
댓글 6개
kimjiwoon.kr 메인에 쓰인 스크립트 말씀드린 거였어요. 미디어쿼리 대신 스크립트로 반응형 목록 처리하는 방법인데, 크로스브라우징 때문에 미디어쿼리를 안 쓴 거였습니다.
방치한지 꽤 된 사이트이긴 하지만 zzzz 님은 스크립트 대가시니 한번 봐주시면 좋겠네요.
$(window).load(function(){ // 문서 열리거나 리사이즈 될 때
calc();
});
$(window).resize(function(){ // 문서 열리거나 리사이즈 될 때
calc();
});
function calc() {
var doc_width = $(window).width(); // 문서 넓이
var pix_width = 200 + 15; // pix_width 값에 2 + (여백 10)를 더함
var calc_r = parseInt(doc_width % pix_width); // 나머지
//var body_pad = parseInt(calc_r / 2); // 나머지를 2로 나눔
var pix_width = doc_width - calc_r; // wrapper 넓이
// $('#pix').css('padding-top',body_pad).css('padding-bottom',body_pad); // 나머지를 2로 나눈 값을 body 상하단 여백으로
$('#pix').css('width', pix_width); // wrapper 넓이
};
방치한지 꽤 된 사이트이긴 하지만 zzzz 님은 스크립트 대가시니 한번 봐주시면 좋겠네요.
$(window).load(function(){ // 문서 열리거나 리사이즈 될 때
calc();
});
$(window).resize(function(){ // 문서 열리거나 리사이즈 될 때
calc();
});
function calc() {
var doc_width = $(window).width(); // 문서 넓이
var pix_width = 200 + 15; // pix_width 값에 2 + (여백 10)를 더함
var calc_r = parseInt(doc_width % pix_width); // 나머지
//var body_pad = parseInt(calc_r / 2); // 나머지를 2로 나눔
var pix_width = doc_width - calc_r; // wrapper 넓이
// $('#pix').css('padding-top',body_pad).css('padding-bottom',body_pad); // 나머지를 2로 나눈 값을 body 상하단 여백으로
$('#pix').css('width', pix_width); // wrapper 넓이
};
게시글 목록
| 번호 | 제목 |
|---|---|
| 1717629 | |
| 1717626 | |
| 1717625 | |
| 1717621 | |
| 1717619 | |
| 1717611 | |
| 1717610 | |
| 1717609 | |
| 1717607 | |
| 1717601 | |
| 1717598 | |
| 1717591 | |
| 1717590 | |
| 1717583 | |
| 1717575 | |
| 1717572 | |
| 1717568 | |
| 1717566 | |
| 1717549 | |
| 1717545 | |
| 1717533 | |
| 1717512 | |
| 1717511 | |
| 1717508 | |
| 1717495 | |
| 1717479 | |
| 1717473 | |
| 1717470 | |
| 1717463 | |
| 1717452 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기