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

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

От автора: последний твит Эрика Мейера открыл полностью неизвестную мне до этого CSS систему измерений. Я так думаю, о ней не знала и большая часть разработчиков, и это единицы измерения Q.

Что такое Q

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

h1 { 
    letter-spacing: 4q;
}

Результат в браузерах с поддержкой этих единиц измерения:

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

Единицы измерения q могут быть особенно полезны при небольших изменениях в печатных стилях или медиа запросах для особенно маленьких экранов.

Поддержка единиц измерения Q

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

Источник: http://thenewcode.com/

Редакция: Команда webformyself.

Практика HTML5 и CSS3 с нуля до результата!

Получите бесплатный пошаговый видеокурс по основам адаптивной верстки с полного нуля на HTML5 и CSS3

Получить

Метки:

Комментарии Вконтакте:

Комментарии Facebook:

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Я не робот.

Spam Protection by WP-SpamFree