为什么 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中文网其他相关文章！