От автора: последний твит Эрика Мейера открыл полностью неизвестную мне до этого CSS систему измерений. Я так думаю, о ней не знала и большая часть разработчиков, и это единицы измерения Q.
Что такое Q
Одна единица q представляет собой крошечный, линейный и абсолютный показатель, составляющий четверть миллиметра или 1/40 сантиметра. Единицы измерения Q, возможно, лучше всего подойдут для малозаметных изменений, как например, кернинг между буквами:
|
1 2 3 |
h1 { letter-spacing: 4q; } |
Результат в браузерах с поддержкой этих единиц измерения:
Единицы измерения q могут быть особенно полезны при небольших изменениях в печатных стилях или медиа запросах для особенно маленьких экранов.
Поддержка единиц измерения Q
На момент написания статьи единицы измерения q обладают очень скудной поддержкой. Их распознают только последние версии Firefox. Препроцессоры типа Sass работают над поддержкой. Также я ожидаю скорую поддержку постпроцессоров типа PostCSS и CSSNext, которые смогут конвертировать единицы измерения налету в другие для последующего их включения в обработанные стили и создания лучшей поддержки.
Источник: //thenewcode.com/
Редакция: Команда webformyself.
