我正在尝试为iPad优化其中一个页面。你可以在这里看到我的测试页面： http://demo.dennismadsen.com/ipad/
它包含一个宽度为800px的黑盒子。当我在iPad上看到它并进行屏幕显示时，我可以看到，当宽度为800px时，盒子更多 - 约为837px： http://demo.dennismadsen.com/ipad/screenshot.png
我想知道为什么会这样？
答案 0 :(得分：9)
无论您的网站及其元素的实际宽度如何，iOS设备都会尝试扩展您的内容以获得最佳观看效果。
将其放入HTML标题中停止发生这种情况：
<meta name="viewport" content="initial-scale=1.0;">
答案 1 :(得分：0)
检查<meta>标记上方的<title> - 标记，其中最大宽度和最小宽度定义
使用此代码：
<link media="only screen and (max-device-width: 480px)" href="small-device.css" type= "text/css" rel="stylesheet">
<link media="screen and (min-device-width: 481px)" href="not-small-device.css" type="text/css" rel="stylesheet">