Блог

Главная - Вопросы по программированию - Ширина браузера веб-приложений iPhone 4: 960 или 981?

Ширина браузера веб-приложений iPhone 4: 960 или 981?

#web-applications #width #iphone-4

#веб-приложения #ширина #iphone-4

Вопрос:

 <html>
    <body REMonload="document.location.assign('index2.php?w='   window.innerWidth   'amp;h='   window.innerHeight);">
    <script language="javascript">
    document.write('w='   window.innerWidth   'amp;h='   window.innerHeight);
    </script>
    </body>
</html>

Вывод:

w = 981 amp; h = 425

Почему? Википедия говорит, что w должно быть 960.

С уважением,

Обновить

Я выяснил, что проблема была связана с метатегом viewport.

Следующий код делает то, что я хочу видеть:

 <html style="width:100%; height:100%;">
<head>
<meta name="viewport" content="width=device-width; initial-scale=0.5; minimum-scale=0.5; maximum-scale=0.5; user-scalable=no;" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
</head>
    <body style="width:100%; height:100%; background-color: blue;"
    REMonload="document.location.assign('index2.php?w='   window.innerWidth   'amp;h='   window.innerHeight);"
    onload="alert('w='   window.innerWidth   'amp;h='   window.innerHeight);">
    </body>
</html>

Посмотрите на эту мету:

name =»viewport» content =»width = ширина устройства; начальный масштаб = 0,5; минимальный масштаб = 0,5; максимальный масштаб = 0,5; масштабируемый пользователем = нет;»

Я не понимаю, как это работает. Я пробовал коэффициент 1.0 для ширины устройства (я полагаю, это 960), но, похоже, 0,5 — это то, что мне нужно.

В любом случае, это работает для моего iPod Touch 4 (960 * 640).

Не могли бы вы, пожалуйста, попробовать код на iPad или iPad2 и iPhone / iPod Touch 1 или 2 или 3? Это 1024/768 и 480/320 соответственно? Другими словами, могу ли я использовать одно и то же решение для любого устройства Apple?

Заранее спасибо!

Ответ №1:

iPhone 3GS:
1. Альбомная ориентация: w = 960 h = 416
2. Портрет: w = 640 h = 712

iPhone 4:
1. Альбомная ориентация: w = 960 h = 416
2. Портрет: w = 640 h = 712

iPad 1
1. Альбомная ориентация: w = 2048 h = 1344
2. Портрет: w = 1536 h = 1856

iPad 2
1. Альбомная ориентация: w = 2048 h = 1344
2. Портрет: w = 1536 h = 1856

редактировать: добавлены данные 3GS
edit2: добавлены данные ipad2

Глядя на ваши результаты вместе с моими, я бы сказал, что более поздние iPhone и iPod touch выглядят одинаково, и оба iPad также похожи друг на друга.

Комментарии:

1. Большое вам спасибо за предоставленные данные!

Метки: