모바일 해상도에 맞게 이미지 출력

작업을 하다 보면 .. 아직도 많은 것이 부족하다는 것을 느끼게 할 경우가 있어요

모바일 해상도에 맞게 이미지를 출력 해주는 소스에요

$(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로 가시면 되요.

출처 : http://www.erzsamatory.net/86