2012-05-27 2 views
8

자바 스크립트를 사용하여 웹 페이지에서 모든 모바일 장치의 화면 크기를 동적으로 가져와야합니다. (하지 진짜 768 X 1024) 980 × 1080 :자바 스크립트에서 iPad 화면 너비를 얻는 방법

//get window's size 
if (document.body && document.body.offsetWidth) { 
windowsWidth = document.body.offsetWidth; 
windowsHeight = document.body.offsetHeight; 
} 
if (document.compatMode=='CSS1Compat' && 
    document.documentElement && 
    document.documentElement.offsetWidth) { 
windowsWidth = document.documentElement.offsetWidth; 
windowsHeight = document.documentElement.offsetHeight; 
} 
if (window.innerWidth && window.innerHeight) { 
windowsWidth = window.innerWidth; 
windowsHeight = window.innerHeight; 
} 

을하지만 아이 패드에 나는이 크기를 얻을 :

나는이 시도했다.

감사 마우로

+2

여기,이 답변을 참조하십시오 : http://stackoverflow.com/q/6850164/1291428 – Sebas

+4

창 크기 **! = ** 화면의 해상도. – gdoron

+0

화면 개체를 사용해 보셨습니까? – Zaffy

답변

4

아이 패드의 화면 크기를 얻기 화면 개체의 폭과 높이 속성을 읽을 필요

.

var height = screen.height; 
var width = screen.width; 

이들은 방향에 따라 768과 1024를 제공합니다.

+1

screen.width 및 screen.height가 잘못된 값을 반환하고 있습니다. 아래의 관찰에서 봐 : - iPad3의 경우는 X 1024 768을 반환하는 경우 원래의 해상도는 1536 X 2048 그대로 - 아이폰 5에 대한 원래 해상도 그대로 320 X 568을 반환 640 당으로 X (1136) 내 관찰, screen.width 및 screen.height는 안드로이드 장치를 위해 완벽하게 작동합니다. 하지만 iOS 기기의 경우 잘못된 값을 반환합니다. iOS 기기의 화면 해상도를 찾는 방법에 대한 아이디어가 있으십니까? –

+0

@AnkitPrajapati 그것은 screen.width의 목적 인 css 해상도를 반환합니다. 당신은 항상 장치 해상도를 CSS 해상도로 취급해야합니다. –

+0

@JoshLyness : 설명해 주셔서 감사합니다. :) –