我有一个网站,它不会在iPhone上滚动,当我打开Web开发人员工具栏并突出显示HTML标记时,BOOM!它开始滚动,买入我退出开发人员工具,它不会滚动,任何人都可以提供任何洞察力吗?
继承我的视口标签
<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 :(得分:0)
虽然您已经实施了媒体查询确定(它适用于Chrome的device metrics覆盖,即使是在320x480,但在设备上却没有。有点奇怪的是,在iOS设备上,如果在黑色标题栏上滑动,则可以滚动。这告诉我你有一些'ontouch'事件覆盖滚动。
进一步排查:按照these instructions调试Mobile Safari。
您还会注意到控制台中有多个错误,您可能需要修复这些错误。