devellopah
@devellopah

Каким образом вы используете относительные единицы при вёрсте страниц?

Используете ли вы их вообще? Для решения каких задач? Почему использование пискселей недостаточно?
  • Вопрос задан
  • 544 просмотра
Решения вопроса 1
sfi0zy
@sfi0zy Куратор тега CSS
Creative frontend developer
Последнее время все только в rem/em. Из плюшек - плавно меняется размер шрифта при изменении размера экрана (статья на smashingmagazine, вдруг кто-то еще не читал), не думаем о точных размерах отступов для текста, кнопок, да чего угодно - сам образ мышления становится другой - все измеряется в rem - 0.75, 1, 1.25, 1.5, 1.75, 2, 3, 4, 5... Можно верстать без дизайнера (без макета) по каким-то наброскам и будет выглядеть красиво. Можно менять некоторые вещи вроде border-radius в зависимости от размера шрифта, который сейчас используется: чем больше экран, тем больше буквы и больше border-radius (или border-width, или еще какое-то свойство). Сетку также можно трансформировать не на определенных разрешениях экрана, о по rem (на определенной длине строки) - немногие об этом задумываются, но если дизайнить content-first - это может быть очень удобно.

Из особенностей - дизайнер должен думать так же, тогда у вас с ним будет полная гармония и взаимопонимание.
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 4
miraage
@miraage
Старый прогер
Ответ написан
Комментировать
Sanes
@Sanes
Посмотрите новую версию Uikit. TB 4 тоже не помешает глянуть.
Как раз с ретиной боролись в этих версиях.
Ответ написан
Комментировать
Krasnodar_etc
@Krasnodar_etc
fundraiseup
Только пиксели, только хардкор)) На самом деле используя флексы и сетку, пикселей практически достаточно. О процентах вспоминаю редко.
А em/rem должен сначала начать использовать дизайнер, потом уж я) Хотя штука прикольная, было бы очень удобно задавать высоту блокам, содержащим текст
Ответ написан
Комментировать
alina_ivanovna
@alina_ivanovna
em и rem, в последнее время оценила их значимость. Удобство заключается в том, что размер шрифта задаешь в одном месте, все остальные размеры формируются относительно него. Это удобно когда нужно, к примеру, уменьшить шрифт на 1280 ширины экрана, чтоб все не смотрелось гигантским. А чтоб не сидеть не высчитывать отношения px к rem можно использовать онлайн конвертер
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы