2015-12-15 69 views
0

我希望得到一些幫助...我有一個網站設置爲響應,它適用於所有瀏覽器和移動設備,除了一些新的移動Safari瀏覽器。我已經在iPad和iPhone 4以及Android平板電腦和手機上嘗試過這一功能,並且僅在某些iPhone上顯示。5 & 6.視口設置爲:meta name =「viewport」content =「width = device-width ,initial-scale = 1,maximum-scale = 1,user-scalable = no「/>,content設置爲width:100%;在一個div中。你可以在這裏看到結果的屏幕截圖:http://davewhitemultimedia.com/images/mobile_iOS_issue.png。我曾嘗試設置scale-1.1等,使用JavaScript到不同的頁面,其中我將寬度設置爲580px,但發生同樣的事情。不幸的是,我沒有一個這樣的設備,所以我一直去當地的Verizon商店檢查不同的東西,看看它們是否是一個修復,但它真的很尷尬,我不完全確定我是不是在某些時候查看緩存版本。在移動iOS中的響應式設計

您可以在http://grandcentremassage.net看到該頁面。再說一遍,除非是某些iPhone上的Safari,否則您可能看不到問題。提前感謝任何知道問題出在哪裏並有解決方案的人。

回答

0

好吧,我找到的答案很簡單,它在視口元標記中添加了「縮小到適合=否」。我推薦這種響應式頁面設計: