html - 视网膜错误？包含div不展开1000px宽度的div

Question

我正要发布一个网页。然后我想，为什么不看看它在配备 Retina 的 iPad 上是如何工作的。该页面看起来不太好。可以通过使用 iPad Retina 访问链接来重现该问题 http://www.banksalg.no/retinabug.php

如果您查看右侧的边框，您会发现它在距屏幕右侧约 20-30 像素处停止。边框中的绿色实际上是正文背景色。如果您使 div 小于 1000px，例如 900px，它会正常工作。

您只能在 iPad Retina 上看到此错误。使用任何“网站在视网膜屏幕上的外观”应用程序/模拟器都看不到该错误。

对我来说，iPad 似乎无法处理 1000 像素的宽度。它应该在分辨率为 2048px 时。所以至少 1024 像素的宽度应该是可能的。

有没有人有解决办法？

Answer 1

您还没有设置视口(viewport)。默认情况下，iOS 上的 Safari 将逻辑视口(viewport)宽度设置为 980px(根据 the docs )。

添加:

<meta name="viewport" content="initial-scale=1.0">

到文档的 head 以使用完整的逻辑设备宽度。