視網膜缺陷？包含div不會擴大1000px寬度div

Question

我正要發佈一個網頁。然後我想，爲什麼不看它如何在具有Retina的iPad上運行。該頁面看起來不太好。問題可以通過訪問iPad的鏈接來複制。Retina http://www.banksalg.no/retinabug.php

如果你看右邊的邊框，你可以看到它從屏幕右邊20-30像素左右停下來。邊框中的綠色實際上是身體背景顏色。如果您使div小於1000像素，例如900像素，則它的行爲應該如此。

您只能在iPad視網膜上看到此錯誤。使用任何「網站在視網膜屏幕上的顯示效果」應用程序/仿真器都不會顯示錯誤。

對我來說，它幾乎看起來像iPad無法處理1000px寬度。它應該在分辨率是2048px時。所以至少應該有1024像素的寬度。

有沒有人有解決方案？

Answer 1

您還沒有設置視口。默認情況下，iOS上的Safari設置邏輯視口寬度980px（根據the docs）。

地址：

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

到文檔的head使用完整的邏輯設備的寬度。