我的网页的最大宽度设置为 1260px。[编辑] 我意识到这个问题不仅存在于我的网页中,还存在于网络中的所有网页中(或几乎所有网页,可能是那些设置了固定宽度或最大宽度的网页)。
在主流浏览器 100% 缩放下查看时,Firefox 中的段落和主列在水平方向上占用的空间比 Chrome 和 IE 中更大。但所有浏览器的检查器都显示为 1260px。下面的截图是在 1920px 宽的屏幕上拍摄的,看来 Chrome 和 IE 的比例是正确的。
在 FF 中,我将选项->内容->高级->最小字体大小设置为无。
为什么在 FF 中会有差异,有没有办法让页面在 FF 中与其他浏览器的宽度成比例?
[编辑2] 我刚刚注意到,在 1920 宽屏上测量我的页面上的 window.innerWidth javascript 属性时,IE 和 Chrome 会返回 1920,但 FF 会返回 1536。因此 FF 只能“看到”这么多像素的宽度。
答案1
在 Windows 上。Firefox 使用显示面板中的设置作为浏览器的默认字体大小。
控制面板 > 所有控制面板项目 > 显示
将所有文本项值设置为 10。
确保两个浏览器中的字体大小设置相同。
在 Firefox 中:about:preferences#content > advanced
在 Chrome 中:chrome://settings/fonts
还将两个浏览器中的缩放级别设置为 100%。
这对我来说很有效,并且两个浏览器都可以同等地显示相同的内容。