HeadlinesBriefing favicon HeadlinesBriefing.com

Пиксели — ложь: почему использовать единицу ch

Hacker News •
×

Пиксели — это ложь. Даже с точностью "pixel perfect", мониторы не отображают платонически идеальные квадраты. В CSS 1px не равен одному физическому пикселю устройства; на HD-дисплеях он может охватывать несколько пикселей. Аналогично, 1cm в CSS часто не соответствует одной сотой части метра SI, обычно будучи больше на больших ТВ-экранах. Эти длины воспринимаются субъективно: 16px выглядит примерно одинаково на телефоне, ноутбуке или телевизоре при типичном расстоянии просмотра. Этот текстовый блог задает ширину на основе ширины символа с использованием единицы "ch" вместо процентов экрана, обеспечивая читаемость. Для отступов и полей автор повторно использует единицу ch для пропорции ширины и единицу "ex" для высоты, связанной с типичным размером строчных букв. Не конвертируя каждую ссылку из px в ch, автор экспериментирует, чтобы увидеть, работает ли подход, отмечая, что в использовании px ничего плохого нет. Философия соответствует особым склонностям автора.