指定-ms-viewport时Div溢出滚动？

Question

在Windows Phone 8中查看的页面上工作,我发现了一个奇怪的行为.当使用宽度或高度指定-ms-viewport时,似乎用户无法再对溢出使用触摸滚动行为:auto或-ms-touch-move:pan-y元素.

任何人遇到这种行为,或意识到任何变通办法？

编辑:在WP8设备上访问此URL以获取repro:http://fiddle.jshell.net/Vk7SR/3/show/light

Answer 1

@-ms-viewport { width: auto }对于希望在Windows Phone设备上呈现响应式UI的许多应用程序,设置可能是不可接受的.允许您设置所需视口宽度的工作替代方法是设置以下CSS规则:

body, html { 
  -ms-overflow-style: none !important; 
}

我复制了原始的repro并通过https://gist.github.com/tjanczuk/7419485这条规则进行了修复.您还可以使用Windows Phone设备上的修补程序直接导航到HTML页面,网址为http://htmlpreview.github.io/?https://gist.github.com/tjanczuk/7419485/raw/9a13fc9ad43f2103d8b9e23e25c7b0672a13385f/gistfile1.html