Firefox のレスポンシブ デザイン ビューには、テストされた幅内に垂直スクロールバーが含まれています。これにより、スクロールバーのない実際のモバイル デバイスと比較して、サイトのプレビューが少し不快になります。だから私は追加しました
html{ overflow-y: hidden; }
私のCSSに。これはデスクトップ テストでは完全に機能しますが、私がチェックしたすべての iOS デバイスとほとんどの Android デバイスでも、Windows Phone 8 の IE10 でサイトを完全に台無しにします。ナビゲーションとフォームを使用すると、ページが狂ったようにジャンプし始めます。少しスクロールすると消える空白の画面が表示されます。
私は非常に複雑なサイトで作業しているため、この問題を理解するのに数日かかりました。同様の問題を抱えている人に知らせるためです.
Firefox でレスポンシブ デザイン ビューを使用しているときに、これを防ぐにはどうすればよいですか?
その間、とにかくスクロールバーを表示しないレスポンシブ プレビュー ブックマークレット ( http://lab.maltewassermann.com/viewport-resizer/ )に切り替えました。Mozilla は、今後のバージョン 22 ( http://www.youtube.com/watch?v=SGCbIMH3gMM )で「モバイル スクロールバー」を使用してこれに対処するようです。