작업을 하다 보면 .. 아직도 많은 것이 부족하다는 것을 느끼게 할 경우가 있어요
모바일 해상도에 맞게 이미지를 출력 해주는 소스에요
$(document).ready(function(){
$(window).load(function(){
$("img").each(function(){
var oImgWidth = $(this).width();
var oImgHeight = $(this).height();
$(this).css({"max-width":oImgWidth+"px", "max-height" : oImgHeight+"px", "width":"100%", "height":"100%"});
});
});
});
위 소스는 제가 만든것이고요. 원하는 곳에 이 소스를 넣으면 되는데요.
간단하게 설명해서 모든 이미지에 width, height를 가져온 후 해상도다 크면 100%이고 아니면 자기 사이즈로 출력하라인데요
반응형에 관련된 내용이네요.
이 점에 대해 정확한 것은 아래 url로 가시면 되요.
댓글 1개
제너레이션
11년 전
모바일에서 이미지의 가로폭만 조절 되고 세로는 조절되지 않습니다. 무엇이 잘못일까요?
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 30 |
아우겐나이스
|
21년 전 | 4073 | |
| 29 |
아우겐나이스
|
21년 전 | 4456 | |
| 28 |
아우겐나이스
|
21년 전 | 3479 | |
| 27 | 21년 전 | 5859 | ||
| 26 | 21년 전 | 3139 | ||
| 25 | 21년 전 | 6106 | ||
| 24 | 18년 전 | 3670 | ||
| 23 | 21년 전 | 3662 | ||
| 22 | 21년 전 | 4261 | ||
| 21 | 21년 전 | 3837 | ||
| 20 | 21년 전 | 4243 | ||
| 19 | 21년 전 | 6704 | ||
| 18 | 21년 전 | 4749 | ||
| 17 | 21년 전 | 7004 | ||
| 16 | 21년 전 | 4185 | ||
| 15 | 21년 전 | 2657 | ||
| 14 | 21년 전 | 4990 | ||
| 13 | 21년 전 | 3416 | ||
| 12 |
Recluse
|
21년 전 | 3900 | |
| 11 |
아우겐나이스
|
21년 전 | 3585 | |
| 10 |
Recluse
|
21년 전 | 3412 | |
| 9 | 21년 전 | 4027 | ||
| 8 | 21년 전 | 5193 | ||
| 7 | 21년 전 | 4779 | ||
| 6 | 21년 전 | 5710 | ||
| 5 | 21년 전 | 4136 | ||
| 4 | 21년 전 | 4866 | ||
| 3 | 21년 전 | 4766 | ||
| 2 | 21년 전 | 3269 | ||
| 1 | 22년 전 | 4355 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기