<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 应该是 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"content="width=device-width; initial-scale=0.5; minimum-scale=0.5; maximum-scale=0.5; user-scalable=no;"
我不明白，它是如何工作的。我已经尝试了设备宽度的系数 1.0(我想它是 960)，但似乎 0.5 是我需要的。
无论如何，它适用于我的 iPod Touch 4 (960*640)。
您能否在 iPad 或 iPad2 和 iPhone/iPod Touch 1 或 2 或 3 上尝试该代码？ 1024/768 和 480/320 对应吗？换句话说，我可以对任何 Apple 设备使用相同的解决方案吗？
提前致谢!
最佳答案
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 也彼此相似。
关于web-applications - iPhone 4 网络应用浏览器宽度 : 960 or 981?，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/7946583/