私の Web ページは、最大幅 1260 ピクセルに設定されています。[編集] この問題は、私のページだけでなく、ネット上のすべてのページ (または、ほぼすべてのページ、おそらく固定幅または最大幅が設定されているページ) にも存在することに気付きました。
主要ブラウザで 100% ズームで表示すると、段落とメイン列は、Chrome や IE よりも Firefox で水平方向に多くのスペースを占めます。ただし、すべてのブラウザのインスペクタでは 1260 ピクセルと表示されます。以下のスクリーンショットは 1920 ピクセルのワイド スクリーンで撮影されたもので、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% に設定します。
これは私にとってはうまくいき、両方のブラウザで同じコンテンツが同じように表示されました。