Infinite Pixels

17 days ago

Copy Link

The author explores the behavior of CSS when using 'infinity' in pixel calculations across different browsers.
Safari and Chrome compute values close to 2^25-1 (33,554,431) for width and height, with slight variations.
Firefox exhibits odd behavior, with computed height values based on default line height and width values that are halved in layout.
Font size tests with 'infinity' reveal hard limits in Safari (100,000px) and Chrome (10,000px), while Firefox uses a 32-bit floating-point number.
Line height tests with 'infinity' show similar results to width and height tests, with Firefox's computed and layout values differing significantly.
The author invites explanations for these behaviors and hints at further experiments with negative infinity in CSS.

Hasty Briefsbeta