浏览器渲染引擎的无限边界测试

2025-08-08
浏览器渲染引擎的无限边界测试

作者通过在CSS中使用`calc(infinity * 1px)`设置元素的宽度和高度,测试了不同浏览器渲染引擎处理无限值的边界。测试结果显示Chrome和Safari浏览器将值限制在约33,554,400像素,而Firefox Nightly则表现出异常,高度被限制在文本行高,宽度则达到数百万像素,但布局宽度只有其一半。进一步测试字体大小和行高后,这种差异依然存在,Firefox的渲染结果与其他浏览器大相径庭。作者对这些异常现象的成因进行了推测,并希望读者提供解释。

开发 无限值