Использование единиц измерения 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
Перевод — Дежурка
Смотрите также:
Комментарии
Похожие статьи
- Использование множественных фоновых изображений CSS: основы
- Создание элементов, расположенных ровно по центру, с высотой и шириной, заданными в процентах
- Использование плавной прокрутки и ее недостатки
- Использование тега span для разделения слов в ссылках в CSS
- Использование порядка расположения множественных фоновых изображений