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

Question

[Islam Ibakaev]

Используете ли вы их вообще? Для решения каких задач? Почему использование пискселей недостаточно?

Answer 1

[Ivan Bogachev]

Последнее время все только в 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 - это может быть очень удобно.

Из особенностей - дизайнер должен думать так же, тогда у вас с ним будет полная гармония и взаимопонимание.

Answer 2

[Mikhail Osher]

https://habrahabr.ru/post/280125/

Answer 3

[Sanes]

Посмотрите новую версию Uikit. TB 4 тоже не помешает глянуть.
Как раз с ретиной боролись в этих версиях.

Answer 4

[Егор Живагин]

Только пиксели, только хардкор)) На самом деле используя флексы и сетку, пикселей практически достаточно. О процентах вспоминаю редко.
А em/rem должен сначала начать использовать дизайнер, потом уж я) Хотя штука прикольная, было бы очень удобно задавать высоту блокам, содержащим текст

Answer 5

[Алина Брэнн]

em и rem, в последнее время оценила их значимость. Удобство заключается в том, что размер шрифта задаешь в одном месте, все остальные размеры формируются относительно него. Это удобно когда нужно, к примеру, уменьшить шрифт на 1280 ширины экрана, чтоб все не смотрелось гигантским. А чтоб не сидеть не высчитывать отношения px к rem можно использовать онлайн конвертер

Comments

[Сергей delphinpro]

А чтоб не сидеть не высчитывать отношения px к rem можно использовать онлайн конвертер

Лучше препроцессор.

[Алина Брэнн]

Сергей: согласна, еще реки не дошли с ними разобраться)