Как рассчитывать em в Bootstrap 4?

Question

[sergey1989]

Здравствуйте. Как рассчитывать em для padding и margin в Bootstrap 4? Для шрифтов использовал функцию в Compass.

Comments

[Александр Серый]

sim3x: Не понимаю к чему вы клоните. Смотрел DevTips на Youtube .Там человек делал так: font-size в rem, остальное в em(margin, padding etc). Чтобы не считать самому есть миксины (в bourbon к примеру):

fonst-size: rem(16);
margin: em(5);

скомпилится в

fonst-size: 1rem;
margin: 0.3125em;

Почему em, rem не в моде? Почему pt? Может есть толковая статья(можно и на англ.)?

Answer 1

[L0k1]

при чем здесь бутстрап? почитайте про единицы измерения в css

Answer 2

[sim3x]

em уже давно не в моде
используй пиксели
Для шрифта можешь использовать pt

Comments

[sergey1989]

Почему тогда BS4 перевели на относительные единицы?

[sim3x]

sergey1989:
https://github.com/twbs/bootstrap/blob/master/less...

где?

[Serj-One]

sergey1989: BS4 ещё в альфе, зачем на него вообще сейчас смотреть?
И да, с em они экспериментировали. Но, видимо, в определённый момент кокс у них закончился, и они всё же начали мыслить разумно, и уже вернулись к пикселям.

[weredy]

sim3x Сейчас удивил про пиксели, вроде эпоха адаптивов и бац - абсолютные единицы. Я вообще запутался.

[weredy]

Serj-One Так вообще нет смысла сейчас в em и rem?

[Serj-One]

weredy: Ну почему же, rem - штука иногда очень даже удобная. А вот em, со своим размером относительно родителя, - адовое убожество.

Любой адаптив прекрасно верстается в пикселях, не вижу смысла от них отказываться.

[weredy]

Serj-One Сейчас на хабре прочитал статью: https://habrahabr.ru/post/145619/ правда она от 2012 года, и там написано про разные размеры пикселей на разных устройствах. Это уже неактуально?

И что если использовать например rem не только в размерах шрифтов но и в отступах, или других размерах. Потом в media queries будет достаточно поменять размер базового шрифта и всё? Ну еще перестроить сетку.

[sim3x]

weredy: если есть желание сидеть с калькулятором над каждым блоком и считать сколько там ем будет ширина блока, то можно и использовать

В общем случае проще использовать %, или rem, или пиксели

В случае устройств с разной плотностью пикселей нужно идти от основного устройства, с определенным dpi и, используя, media queries подстраивать размеры

Поменять размер шрифта и получить, что хочешь - такое будет только в самых простых случаях

[weredy]

sim3x: Ну по поводу калькулятора, например в препроцессорных миксинах есть всякие rem, em миксины, которые считают всё за тебя. В конечном хотелось бы понять что мне дадут эти rem. Да, я могу поменять rem и все шрифты изменят размер (ну или еще и отступы, где я их прописал в ремах), но я уже столкнулся с случаем где надо точечно изменить размеры шрифтов для устройств, и по итогу в таких моментах нет никакого преимущества в ремах.

P.S. Посмотрел всякие хорошие сайты, увидел что верстают и на ремах и на емах и на пикселях.

[sim3x]

weredy: хм
Те реально парсят хтмл потом собирают стили и потом из всего етого пилят пиксели из ем?

ем был актуален, когда верстали под ие6