我正在尝试为iPad优化我的一个页面.你可以在这里看到我的测试页面:http: //demo.dennismadsen.com/ipad/
它包含一个宽度为800px的黑盒子.当我在iPad上看到它并进行屏幕显示时,我可以看到,当宽度为800px时,盒子更多 - 约为837px:http://demo.dennismadsen.com/ipad/screenshot.png
我想知道为什么会这样？
无论您的网站及其元素的实际宽度如何,iOS设备都会尝试扩展您的内容以获得最佳观看效果.
通过将其放在HTML标头中来阻止这种情况发生:
<meta name="viewport" content="initial-scale=1.0;">