2013-12-11 52 views
0

我有一個網站,它不會在iPhone上滾動,當我打開網頁開發工具欄並突出顯示HTML標籤時,BOOM!它開始滾動,buyt我退出開發人員工具,它不會滾動,任何人都可以提供任何見解?iPhone網站不會滾動 - 高度100%的問題?

我的繼承人視標籤

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/> 
<meta name="apple-mobile-web-app-capable" content="yes" /> 

這是我的地盤,如果你想看看:http://nyeto.com

+0

你是什麼意思的滾動?你已經將它設置爲高度100%並且overflow-y:隱藏。它不會滾動? – adaam

+0

抱歉忘了說,我正在使用媒體查詢來定位iphone,這裏是我的html'html,body {overflow-x:auto;溢出-Y:滾動;高度:自動;}' – user2820604

回答

0

雖然你已經實現了媒體查詢OK(它在Chrome的device metrics覆蓋,即使在320x480),但不在設備上。奇怪的是,在iOS設備上,如果您在黑色標題欄上滑動,則可以滾動。這對我說,你有一些'ontouch'事件覆蓋滾動。

要進一步排除故障:請按照these instructions調試Mobile Safari。

您還會注意到您在控制檯中有幾個錯誤,您可能需要修復這些錯誤。