Question

我正准备发布一个网页。然后我想，为什么不在带有Retina的iPad上看它是如何工作的。该页面看起来不太好。访问iPad Retina http://www.banksalg.no/retinabug.php

链接可以重现此问题

如果您查看右侧的边框，您可以看到它从屏幕右侧停止大约20-30 px。边框中的绿色实际上是身体背景颜色。如果你使div s小于1000px，例如900px，它就会发挥作用。

您只能在iPad Retina上看到此错误。使用任何“网站在视网膜屏幕上看起来如何”应用程序/模拟器都无法看到错误。

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

有没有人有解决方案？

Answer 1

您尚未设置视口。默认情况下，iOS上的Safari将逻辑视口宽度设置为980px（每the docs）。

添加：

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

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