視口元標記不適用於iPhone

Question

我的網站有一個固定的佈局，大小爲1090px。 當我使用此meta標籤：

<meta name="viewport" content="width=device-width, maximum-scale=1"> 

頁面將加載放大雖然不是所有的方式（寬度大約爲300px超出視圖）。

此外，您無法將頁面放大到足以查看整個事物。

不應該寬度=設備寬度解決？

所以我嘗試了0.29的初始規模，這對iPhone來說工作得很好。但是在iPad上加載網站時，顯然會太小。

我該如何解決這個問題？

更新： 所以我只是想，寬度似乎是由我的頁面的高度定義。 iPhone上的Safari瀏覽器適合視口中的高度，並不關心擬合寬度，也不會讓您縮小以查看整個寬度。看起來如果頁面會更高，你可以看到更多的寬度。 風景的寬度很好。

Answer 1

如果你的設計沒有響應，這是更好地針對特定的設備分辨率像320寬度我會去<meta name="viewport" content="width=320">

我也注意到，內容設置爲設備寬度往往在iOS 4的Safari打破。恐怕這不是ios safari的問題，它是導致問題的無響應設計。

此外，如果設計不迴應，然後使用這個組合是最糟糕的

user-scalable=no or maximum-scale=1 with initial-scale=1 

初始規模會打不解決這個問題的所有設備。