CSS Infinity 的奇异之旅:浏览器对无限的解读

2025-08-21
CSS Infinity 的奇异之旅:浏览器对无限的解读

本文作者探索了在 CSS 计算函数中使用 `infinity` 关键字的奇特行为。通过将 `infinity` 用于 `text-indent`、`word-spacing`、`letter-spacing` 等属性,作者发现不同浏览器对无限值的处理方式存在差异,但最终呈现的结果都导致了水平溢出。更有趣的是,当应用于 `z-index` 属性时,`infinity` 的计算值在各浏览器中均被限制为最大整数值,导致层叠顺序的意外结果。最后,作者尝试将 `infinity` 用于动画时长,结果发现动画时长被解释为极长的时间,Safari 甚至导致页面无响应。总而言之,作者的实验揭示了浏览器处理 CSS 中无限值的不同策略,以及一些意想不到的副作用。

阅读更多
开发 Infinity

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

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

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

阅读更多
开发 无限值

十年之痛:无法弥补的遗憾

2025-02-14
十年之痛:无法弥补的遗憾

十六年前的今天,作者的第二个女儿出生了;十年前的今天,她六岁生日后去世。文章描述了作者在女儿去世十年后的今天,在女儿本应庆祝十六岁生日的日子里,回忆往昔,感受失去的痛楚与遗憾。作者前往女儿的墓地,并参加了她在她最快乐的地方——安舍切瑟德费尔蒙特寺庙——举行的最后一次追思会。寺庙即将关闭,这又增添了一份悲伤。作者坦言,十年过去了,失去女儿的痛苦依然存在,她无法摆脱“以最根本的方式辜负了孩子”的负罪感。

阅读更多
杂项 失去

IE7与IE7脚本:CSS hack的未来

2024-12-01
IE7与IE7脚本:CSS hack的未来

本文讨论了IE7浏览器即将发布对CSS hack的影响。作者指出,IE团队呼吁开发者清理CSS hack,因为它们会导致网站在IE7中崩溃。作者认为,这既是IE早期版本bug导致开发者使用hack的恶果,也是hack本身风险和脆弱性的体现。作者建议等待IE7 beta版发布后再修改hack,并提出使用IE7脚本(Dean Edwards开发)让IE6兼容IE7的CSS行为,从而避免hacks带来的问题。作者认为,虽然IE7脚本并非完美解决方案,但相比之下,它能减少清理hack的痛苦。

阅读更多
未分类 IE7 hack