화면 크기를 식별하는 방법

Question

일부 모바일 웹 응용 프로그램 (내 전나무시기 인)에서 작업 중입니다. 특수 모바일 프레임 워크를 사용함에도 불구하고 작은 크기의 화면에서 일부 크기의 모달 창은 올바르지 않습니다.

이 아이팟에 버튼의 크기는 이미 조금 변경 : 예를 들어 나는 아이팟과 아이 패드가 있습니다. 그래서, 화면 크기를 확인하는 방법이있을 수 있습니다 카테고리 (작은, 보통, 큰 또는 단지 배열의 크기 목록을 얻을 수 있습니다) js를 사용하여 수 있습니다 그리고 나서 그것에 따라 몇 가지 기본적인 변화를 할 것이라고 출처. 당신은 화면의 높이를 얻을 수

Answer 1

사용 JQuery와 창

난 강력하게 그 대신에 따라 JS 및 제공하는 스타일 시트의 폭을 식별하는 CSS의 미디어 쿼리를 사용하는 것이 좋습니다 것입니다

$(function() { 
    showWidth($(this).width()); 
    $(window).resize(function() { 
     showWidth($(this).width()); 
    }); 
}); 

function showWidth(wid) { 
    var width = parseInt(wid); 
    if (width < 1440) { 
     //use wider stylesheet 
    } else if ((width >= 901) && (width < 1440)) { 
     //use wide stylesheet 
    } else { 
     //use small stylesheet 
    }  
} 

Answer 2

당신은 당신 자신이 화면의 폭과 높이를 사용하여 응답 코드를 작성해야 작은, 큰 등

같은 크기 지정을하지 않는

alert("Width :"+$(window).width()+" Height :"+$(window).height()); 

같은 jQuery를 사용하여 폭.

Answer 3

의 현재 폭을 찾을 수 있습니다.

CSS 미디어 쿼리는 standradrized됩니다 http://css-tricks.com/css-media-queries/