iOS 9 Safari視口錯誤

Question

我正在研究iPad版本的Web項目，並且正在使用Safari的Web檢查器來處理CSS佈局等。但是，我已經跟蹤了視口元標記的bug。

當iOS 9.0 - 9.2的iPad Air處於肖像模式時，視口元規則會被破壞/忽略。這是問題的從iPad空氣的iOS 9.2的截圖：

問題： 以人像爲html和body標籤計算寬度爲768px但有一個白色的空間大約300px的權利。 user-scalable=no也不適用。像導航和頁腳這樣的固定項目顯示爲100％，如圖中所示。 景觀很好，所有其他設備/操作系統「按預期工作。

該網站爲Utilidata.com。有沒有人看到這種行爲或知道修復？

<meta name="viewport" content="width=device-height, initial-scale=1, user-scalable=no"/> 

更新：我看到reddit人嚇壞了有關iOS的9的視問題。但是他們的shrink-to-fit=no解決方案不能解決。

Answer 1

確保作更改下面meta>viewport：

• 刪除width=device-width和height=device-height
• 還設置 *進制到1.0001從1.0。

-

<meta name="viewport" content="initial-scale=1.0001, minimum-scale=1.0001, maximum-scale=1.0001, user-scalable=no"/> 

運作良好，對我來說！祝你好運！！！