px는 죽었다, ch여 영원하라
Death to px, long live ch
Terence Eden이 CSS의 px 단위가 실제 물리적 픽셀과 일치하지 않으며, 텍스트 중심 블로그에서는 ch 단위가 더 적합하다고 주장한다. 그는 본문 너비를 75ch로 제한하고, 여백과 패딩에도 상대적 단위를 적용하는 실험을 소개한다. px가 나쁜 것은 아니지만, 가독성을 위해 ch와 ex 단위가 더 논리적이라는 그의 견해를 담고 있다.
픽셀은 거짓말이다. 당신이 '픽셀 완벽'하게 무언가를 그리고 있다고 생각해도, 당신의 모니터는 당신에게 거짓말을 하고 있다.
HN 토론
75- somat
내가 알고 싶은 건 누가 px를 망치기로 결정했냐는 거야. 우리에게 필요한 건 또 하나의 이상한 물리적 측정 단위가 아니야. CSS에는 이미 그런 게 많다고. 그런데 '어이쿠, 모두가 px를 쓰고 있고 이 새로운 고해상도 디스플레이는 물건을 정말 작게 렌더링하고 있어. 그럴 수는 없지.' 하면서 이제 px는 유용한 단위로서 망가져 버렸어.
진짜 픽셀을 사용할 방법이 있나? 내가, 솔직히 빠르게 검색해 봤는데, 없다고 나와. 적어도 스펙에서 눈에 띄는 건 없어.
- microflash
ch와 ex 단위는 라틴 문자에 크게 영향을 받는다는 걸 발견했어. 비라틴 문자에서는 이상한 결과를 내서 매직 넘버로 이어지더라고. 하지만 개념 자체는 정말 견고해: 텍스트에 상대적인 간격을 원한다면 그것들을 사용해.
- npn
나도 몇 년 전에 ch로 몇 가지 실험을 해봤어. 60ch가 블록 텍스트의 읽기 쉬운 너비로 이상적이라는 걸 알게 됐지. 하지만 60ch 너비로만 웹사이트를 만드는 건 꽤 어렵다는 게 아쉽네.
- larusso
나는 좀 동떨어져 있지만, 모두가 px에서 em으로 전환하던 때를 기억해. 잠시 CSS로 돌아왔을 때는 다시 px였고, 4K 화면에서도 잘 작동하더라고. 솔직히 em 사용은 별로 좋아하지 않았고 실제로 px를 더 선호해.
- squidlib
작성자의 vw와 vh 단위에 대한 접근 방식을 듣고 싶어. 나는 특정 느낌을 원할 때 이 단위들을 사용하는 경향이 있었고, 수년간 비교적 잘 작동했어. ch가 일관된 레이아웃에 대한 바람을 중심으로 정당화되었던 점을 고려하면, 언급되지 않은 게 놀랍네.