<html>
<body REMonload="document.location.assign('index2.php?w=' + window.innerWidth + '&h=' + window.innerHeight);">
<script language="javascript">
document.write('w=' + window.innerWidth + '&h=' + window.innerHeight);
</script>
</body>
</html>
Вывод:
w = 981 & 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 + '&h=' + window.innerHeight);"
onload="alert('w=' + window.innerWidth + '&h=' + window.innerHeight);">
</body>
</html>
Посмотрите на эту мета:
name = "viewport"содержимое = "ширина = ширина устройства; начальный масштаб = 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?
Заранее спасибо!