2015-05-08 6 views
0

Я разрабатываю веб-страницы для просмотра на Iphone. Чтобы получить точные разрешения на iPhone Я протестировал следующие строки кода.Каково фактическое разрешение экрана iphone

pageWidth = $j(document).innerWidth(); 
    alert(pageWidth); 

согласно http://www.iphoneresolution.com/ моего Iphone 5 имеет 640px ширину,

Но когда я исполню мой код я получаю следующее предупреждение.

это изображение от Simulator, я получаю то же самое на моем Iphone iphone screen pixels are less then what it is described

Может кто-нибудь пожалуйста, скажите мне, что это так ?.

Благодаря

ответ

1

screen.width даст вам ширину экрана устройства.

Вы также хочу отметить, что разрешение устройства не соответствует с разрешением на веб-страницы отображается в.

См http://www.mydevice.io/devices/

+0

я должен следовать screenwidth или innerwidth в разработке HTML? потому что содержимое (div, li, img и т. д.) позиционируется абсолютным по положениям x и y. – MFarooqi

+0

Поскольку HTML использует 'top',' bottom', 'left' и' right' для позиционирования, я бы сказал, что 'screen.width' и' screen.height' будут полезны только для 'bottom' и' right 'позиционирование. X и Y будут ссылаться на 'left' и' top' соответственно, поэтому я не вижу никакой пользы, используя 'screen.width' или' screen.height' в этом случае. Например, в случае использования 'right' и' bottom' я мог видеть 'screen.width' и' screen.height', используемые для обеспечения того, чтобы элемент не покидал экран. –

+0

Спасибо .. mydevices.io/devices/ действительно полезный ресурс. – MFarooqi

Смежные вопросы