我的網頁設定為最大寬度 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%。
這對我來說很有效,兩個瀏覽器同樣顯示相同的內容。