화면 해상도를 사용하여 출력하십시오.

Question

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> 

<script> 

    var f = function(){$('#t').text('Window Width: ' + window.innerWidth)}; 
f(); 
$(window).resize(function(){ 
    f(); 
}); 

</script> 

<span id="t"></span> 

그래서이 스크립트를 사용하여 화면 크기를 찾을 수 있습니다. 이 작업을 수행하기 위해 화면 크기를 사용하고 싶습니다.

화면 크기가 320px이면이 작업을 수행하십시오 (일부 코드).

화면 크기가 768px이면이 작업을 수행하십시오 (일부 코드).

화면 크기가 1200px 이상인 경우이 작업을 수행하십시오 (일부 코드).

어떻게 달성 할 수 있습니까?

Answer 1

그래서 나는 당신이 이런 식으로하고 싶지 같아요

var width = $(window).width(); 

if(width <= 320){ 
} else 
if(width <= 768){ 
} else 
if(width > 1200){ 
} 

Answer 2

이 미디어 쿼리는 최선의 선택이 잘 들어,이 링크를 확인하십시오 CSS media queries: max-width OR max-height

당신이뿐만 아니라 jQuery로 수행 할 수 있습니다

를

$(window).resize(function(){ 
    var width = $(this).width(); 
    if(width == 320){ 
    f1(); 
    }else if (width == 768){ 
    f2(); 
    }else if (width >= 1200){ 
    f3(); 
    } 
});