無限CSS値によるブラウザ限界の探求

2025-08-08
無限CSS値によるブラウザ限界の探求

著者は、CSSで要素の幅と高さを`calc(infinity * 1px)`に設定することで実験を行い、様々なブラウザレンダリングエンジンが無限値をどのように扱うかを調べました。ChromeとSafariは値を約33,554,400ピクセルに制限しましたが、Firefox Nightlyは異常な挙動を示しました。高さはテキスト行の高さに制限され、幅は数百万ピクセルに達しましたが、レイアウト幅はその約半分でした。フォントサイズと行高に関するさらなるテストでも同様の差異が見られ、Firefoxのレンダリングは他のブラウザとは大きく異なっていました。著者はこれらの異常の理由について推測し、読者に説明を求めています。

開発