優化iPhone的網頁設計

Question

好的，我在我的網站的移動樣式表在iphone上遇到了一些問題。我重寫了樣式表，類似於http://m.facebook.com爲瀏覽器提供的內容，只有我遇到了iPhone瀏覽器上的Safari瀏覽器仍然將頁面從960像放大縮小的問題，而不是將其限制爲本機屏幕分辨率。是什麼賦予了？

您認爲它與body元素上的.container960類有關嗎？我嘗試用移動樣式表重新設置這些樣式，但也許它沒有正確重置容器樣式。

該網站是http://beta.cureinternational.org。您需要使用用戶名和密碼guest來查看頁面。

Answer 1

您是否嘗試添加這樣的meta標籤？

<meta name = "viewport" content = "width = device-width"> 

或硬編碼在自己的尺寸（見視區http://developer.apple.com/safari/library/documentation/appleapplications/reference/safarihtmlref/articles/metatags.html）