Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

Использование единиц измерения CSS Q

11 октября 2017 | Опубликовано в css | 1 Комментарий »

В спецификации CSS3 есть неизвестная большинству разработчиков единица измерения CSS q. Q — это очень маленькая линейная, постоянная единица измерения, равная четверти миллиметра или одной сороковой сантиметра. Таким образом, q, вероятно, наиболее подходит для придания очень маленьких визуальных изменений, таких как межбуквенный интервал:

 

 


h1 {
    letter-spacing: 4q;
}

В результате в поддерживающих эту единицу измерения версиях браузеров отобразится следующее:

Заголовок с межбуквенным интервалом 4q внизу и обычным интервалом наверху. 

То есть, единица измерения q может быть особо полезной для внесения незначительных поправок в файлы таблиц стилей для печати или в запросы @media для особо маленьких экранов.

На момент перевода урока единица измерения q очень слабо поддержана браузерами — только современные версии браузера Firefox понимают ее. И поэтому ее не рекомендуется использовать. Однако препроцессоры, такие как Sass, работают над внедрением поддержки, вероятно, и постпроцессоры, такие как PostCSS и CSSNext, в обозримом будущем станут поддерживать эту единицу измерения, переводя ее на лету в другие единицы измерения для включения в обработанные файлы таблиц стилей для достижения большей совместимости с браузерами.

Автор урока Dudley Storey

Перевод — Дежурка

Смотрите также:




Комментарии