Від автора: останній твіт Еріка Мейєра відкрив повністю невідому мені до цього CSS систему вимірювань. Я так думаю, про неї не знала і велика частина розробників, і це одиниці виміру Q.
Що таке Q
Одна одиниця q являє собою крихітний, лінійний і абсолютний показник, що становить чверть міліметра або 1/40 сантиметри. Одиниці виміру Q, можливо, краще всього підійдуть для малопомітних змін, як наприклад, кернінг між буквами:
h1 {
letter-spacing: 4q;
}
Результат в браузерах з підтримкою цих одиниць виміру:
Одиниці виміру q можуть бути особливо корисні при невеликих змінах у друкованих стилях або медіа запитах особливо для маленьких екранів.
Підтримка одиниць вимірювання Q
На момент написання статті одиниці виміру q мають дуже мізерною підтримкою. Їх розпізнають тільки останні версії Firefox. Препроцессоры типу Sass працюють над підтримкою. Також я очікую швидку підтримку постпроцесорів типу PostCSS і CSSNext, які зможуть конвертувати одиниці вимірювання нальоту в інші для подальшого їх включення до оброблені стилі і створення кращої підтримки.