<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>
Output:
宽=981&高=425
为什么？维基百科说，w 应该是 960。
Regards,
UPDATE
我发现问题与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>
看看这个元：
名称=“视口”内容=“宽度=设备宽度；初始比例= 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 设备使用相同的解决方案吗？
提前致谢！
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 也很相似。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
