16

Windows Phone 8で表示されているページで作業していると、奇妙な動作に気づきました。-ms-viewportが幅または高さで指定されている場合、ユーザーはoverflow：autoまたは-ms-touch-move：pan-y要素でタッチスクロール動作を使用できなくなったようです。

誰かがこの動作に遭遇したり、回避策を知っていますか？

編集：再現のためにWP8デバイスでこのURLにアクセスしてください： http：//fiddle.jshell.net/Vk7SR/3/show/light

4

2 に答える 2

19

の設定は、@-ms-viewport { width: auto }Windows Phone デバイスでリアクティブ UI を表示しようとする多くのアプリケーションでは受け入れられない場合があります。任意のビューポート幅を設定できる実用的な代替手段は、次の CSS ルールを設定することです。

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

元の再現をコピーし、 https://gist.github.com/tjanczuk/7419485でこのルールで修正しました。また、Windows Phoneデバイスからの修正を含む HTML ページに直接移動することもできます。

于 2013-11-12T00:10:50.320 に答える
1

device-width の代わりに幅を auto (以下のように) に設定すると、スクロールの問題が解決するようです。あなたのページ ( http://fiddle.jshell.net/Vk7SR/3/show/light/ ) からソースを取得し、WP8 アプリとしてパッケージ化し、Lumia 920 で試してみました。

@-ms-viewport {
    width: auto;
}
于 2013-04-12T16:01:55.730 に答える