Firefox 与 IE 和 Chrome 中的段落和框宽度

Firefox 与 IE 和 Chrome 中的段落和框宽度

我的网页的最大宽度设置为 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%。

这对我来说很有效,并且两个浏览器都可以同等地显示相同的内容。

相关内容