모바일 해상도에 맞게 이미지 출력
작업을 하다 보면 .. 아직도 많은 것이 부족하다는 것을 느끼게 할 경우가 있어요
모바일 해상도에 맞게 이미지를 출력 해주는 소스에요
$(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년 전
모바일에서 이미지의 가로폭만 조절 되고 세로는 조절되지 않습니다. 무엇이 잘못일까요?
게시판 목록
개발자팁
개발과 관련된 유용한 정보를 공유하세요.
질문은 QA에서 해주시기 바랍니다.
질문은 QA에서 해주시기 바랍니다.
| 번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|---|
| 5396 | 기타 |
슈퍼스타맨
|
4개월 전 | 358 | |
| 5395 | PHP |
untitled
|
6개월 전 | 828 | |
| 5394 | MySQL |
선택과집중
|
6개월 전 | 605 | |
| 5393 | 웹서버 |
techstar
|
8개월 전 | 868 | |
| 5392 |
 oneit |
1년 전 | 1225 | ||
| 5391 | 10개월 전 | 1125 | |||
| 5390 | 10개월 전 | 912 | |||
| 5389 | 10개월 전 | 882 | |||
| 5388 | 9개월 전 | 983 | |||
| 5387 | 8개월 전 | 815 | |||
| 5386 | JavaScript |
nekoieye
|
9개월 전 | 979 | |
| 5385 | 웹서버 | 9개월 전 | 995 | ||
| 5384 | JavaScript |
 수평선1203 |
9개월 전 | 826 | |
| 5383 | 기타 | 10개월 전 | 1136 | ||
| 5382 | 기타 |
수평선1203 |
10개월 전 | 584 | |
| 5381 | JavaScript | 10개월 전 | 915 | ||
| 5380 | 기타 |
지구인430 |
11개월 전 | 703 | |
| 5379 | JavaScript | 11개월 전 | 700 | ||
| 5378 | 11개월 전 | 1203 | |||
| 5377 | 기타 |
수평선1203 |
11개월 전 | 770 | |
| 5376 | jQuery |
수평선1203 |
11개월 전 | 586 | |
| 5375 | jQuery |
techstar
|
11개월 전 | 740 | |
| 5374 | 기타 |
수평선1203 |
11개월 전 | 788 | |
| 5373 | MySQL |
 wodud3073 |
1년 전 | 819 | |
| 5372 | 기타 |
수평선1203 |
1년 전 | 1021 | |
| 5371 | JavaScript |
wodud3073 |
1년 전 | 734 | |
| 5370 | JavaScript |
wodud3073 |
1년 전 | 738 | |
| 5369 | PHP |
wodud3073 |
1년 전 | 1249 | |
| 5368 | PHP | 1년 전 | 1419 | ||
| 5367 | 기타 |
nekoieye
|
1년 전 | 1295 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기