Firefox のスクロールバーでメディア クエリが誤動作するのはなぜですか?

Firefox のスクロールバーに関するメディア クエリの問題

スクロールバーが表示されたときに Firefox のメディア クエリが期待どおりに動作しないという問題に直面しています。 。この問題は Chrome では発生しません。

問題を再現するには、提供されているフィドルを参照してください: http://jsfiddle.net/RMvqC/2/

解決策

この問題は、mqGenie JavaScript ライブラリをプロジェクトの に組み込むことで解決できます。

mqGenie は、ビューポートの幅にスクロールバーの幅を組み込むブラウザーで CSS メディア クエリを調整する JavaScript ライブラリです。これにより、メディア クエリが意図したサイズで確実にトリガーされます。

mqGenie を実装するには:

1. http://stowball.github.io/mqGenie/ にアクセスしてライブラリをダウンロードします。
2. mqgenie.min.js スクリプトを に含めます。

mqGenie を統合すると、スクロールバーの有無に関係なく、メディア クエリは Chrome、Safari、Firefox、IE などのブラウザ間で一貫して機能します。

以上がFirefox のスクロールバーでメディア クエリが誤動作するのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。