Firefox 與 IE 和 Chrome 中的段落和框寬度

Firefox 與 IE 和 Chrome 中的段落和框寬度

我的網頁設定為最大寬度 1260px。 [編輯]我意識到這個問題不僅存在於我的頁面,而且存在於網路中的所有頁面(或幾乎所有頁面,也許那些具有固定寬度或最大寬度設定的頁面)。

當在主流瀏覽器中以 100% 縮放查看時,Firefox 中的段落和主欄水平佔據的空間比 Chrome 和 IE 中更多。但所有瀏覽器中的檢查器都顯示它是 1260px。下面的截圖是在1920px寬螢幕上拍攝的,看來Chrome和IE的比例是正確的。

在此輸入影像描述

在 FF 中,我將“選項”->“內容”->“高級”->“最小字體大小”設為“無”。

為什麼 FF 中存在差異?

[Edit2] 我剛剛注意到,在我的 1920 寬螢幕上測量的 window.innerWidth javascript 屬性在 IE 和 Chrome 中返回 1920,但在 FF 中返回 1536。因此 FF 只能「看到」同樣多的像素寬。

答案1

在窗戶上。 Firefox 使用顯示面板中的設定作為瀏覽器的預設字體大小。

控制台 > 所有控制台項目 > 顯示

將所有文字項值設為 10。

確保兩個瀏覽器中的字體大小設定相同。

在 Firefox 中:about:preferences#content > 高級

在 Chrome 中:chrome://settings/fonts

還要在兩個瀏覽器中將縮放等級設定為 100%。

這對我來說很有效,兩個瀏覽器同樣顯示相同的內容。

相關內容