Континуум Q: використання одиниць вимірювання q в CSS

38

Від автора: останній твіт Еріка Мейєра відкрив повністю невідому мені до цього CSS систему вимірювань. Я так думаю, про неї не знала і велика частина розробників, і це одиниці виміру Q.

Що таке Q

Одна одиниця q являє собою крихітний, лінійний і абсолютний показник, що становить чверть міліметра або 1/40 сантиметри. Одиниці виміру Q, можливо, краще всього підійдуть для малопомітних змін, як наприклад, кернінг між буквами:

h1 {
letter-spacing: 4q;
}

Результат в браузерах з підтримкою цих одиниць виміру:

Континуум Q: использование единиц измерения q в CSS

Одиниці виміру q можуть бути особливо корисні при невеликих змінах у друкованих стилях або медіа запитах особливо для маленьких екранів.

Підтримка одиниць вимірювання Q

На момент написання статті одиниці виміру q мають дуже мізерною підтримкою. Їх розпізнають тільки останні версії Firefox. Препроцессоры типу Sass працюють над підтримкою. Також я очікую швидку підтримку постпроцесорів типу PostCSS і CSSNext, які зможуть конвертувати одиниці вимірювання нальоту в інші для подальшого їх включення до оброблені стилі і створення кращої підтримки.