為什麼 Firefox 中的媒體查詢與捲軸的行為不正常？

Firefox 中滾動條的媒體查詢問題

您遇到的問題是Firefox 中的媒體查詢在遇到滾動條時未查詢按預期運轉。 Chrome 中不會出現此問題。

要複製問題，請參閱提供的小提琴：http://jsfiddle.net/RMvqC/2/

解

這個問題可以透過將mqGenie JavaScript 庫合併到專案的

中來解決。

mqGenie 是 JavaScript 函式庫，用於調整瀏覽器中的 CSS 媒體查詢，將捲軸寬度合併到視窗寬度中。這可以確保媒體查詢以預期的大小觸發。

要實作 mqGenie：

1. 造訪 http://stowball.github.io/mqGenie/ 下載庫。
2. 將mqgenie.min.js 腳本包含在 中

整合mqGenie 後，媒體查詢將在瀏覽器（包括Chrome、Safari、Firefox 和IE）上一致運行，無論是否存在捲軸。

以上是為什麼 Firefox 中的媒體查詢與捲軸的行為不正常？的詳細內容。更多資訊請關注PHP中文網其他相關文章！