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

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