Смерть px, да здравствует ch!

Death to px, long live ch

Смерть px, да здравствует ch!

Теренс Иден объясняет, почему пиксели в CSS — это ложь: они не соответствуют физическим пикселям экрана и различаются на разных устройствах. Для своего текстового блога он перешёл на относительные единицы ch и ex, чтобы ширина колонки и отступы были пропорциональны размеру шрифта и оставались читабельными. Автор делится экспериментом, предостерегая от крайностей: он не заменил все px, а лишь проверяет, насколько такой подход удобен.

Пиксели — это ложь. Даже если вы думаете, что рисуете с точностью «пиксель в пиксель», ваш монитор вас обманывает.
  1. somat

    Что мне хочется узнать, так это кто решил сломать px, последнее, что нам нужно, — это ещё одно чокнутое физическое измерение, в CSS и так полно таких. Но что "тц-тц, все используют px, а новые hi-dpi дисплеи отображают всё очень мелко, так нельзя" — и теперь px как полезная единица испорчен. Есть ли способ использовать настоящие пиксели? Мой, admittedly, быстрый поиск говорит, что нет. По крайней мере, ничего не бросается в глаза из спецификации.

  2. microflash

    Я заметил, что единицы ch и ex сильно зависят от латинских символов. Они просто дают странные результаты с нелатинскими символами, что приводит к магическим числам. Но концепция действительно хорошая: используйте их, если хотите, чтобы отступы были относительно текста.

  3. npn

    Я тоже проводил кое-какие эксперименты с ch много лет назад. Я обнаружил, что 60ch — идеальная ширина для блочного текста для удобного чтения. Жаль, что довольно сложно делать сайты только с шириной 60ch.

  4. larusso

    Я несколько не в курсе, но помню время, когда все перешли с px на em. Когда я ненадолго вернулся к CSS, снова был px, и, представьте, это работало на 4K-экранах. Честно говоря, мне не очень нравилось использование em, и я предпочитаю px.

  5. squidlib

    Мне хотелось бы услышать подход автора к единицам vw и vh. Я склонен использовать эти единицы, когда хочу добиться определённого ощущения, и за эти годы это работало относительно хорошо. Удивлён, что они не упомянуты, учитывая, что оправдание ch было связано с желанием согласованного макета.

Ещё за этот день

2026-08-23