무한대 CSS 값을 사용한 브라우저 한계 탐색
2025-08-08
저자는 CSS에서 요소의 너비와 높이를 `calc(infinity * 1px)`로 설정하는 실험을 통해 다양한 브라우저 렌더링 엔진이 무한대 값을 어떻게 처리하는지 조사했습니다. Chrome과 Safari는 값을 약 33,554,400픽셀로 제한했지만, Firefox Nightly는 비정상적인 동작을 보였습니다. 높이는 텍스트 줄 높이로 제한되었고, 너비는 수백만 픽셀에 달했지만, 레이아웃 너비는 약 절반이었습니다. 글꼴 크기와 줄 높이에 대한 추가 테스트에서도 유사한 차이가 나타났으며, Firefox의 렌더링은 다른 브라우저와 크게 달랐습니다. 저자는 이러한 이상 현상의 원인에 대해 추측하고 독자들에게 설명을 요청하고 있습니다.
개발