адаптивная верстка вопрос

D
На сайте с 20.09.2010
Offline
175
633

На одном сайте в файле со стилями увидел следующую конструкцию:

@media only screen and (max-width:40em)

@media only screen and (min-width:40.063em) and (max-width:58em)

Подскажите что значит 40em ? Ведь ширину нужно же в пикселях задавать?

I2
На сайте с 07.03.2015
Offline
38
#1

Не обязательно в пикселях задавать, в данном случае 40em означает, ширина 40% от окна браузера.

Качественная верстка PSD макетов (/ru/forum/974524)
D
На сайте с 21.03.2016
Offline
10
#2

нет.ширину можно задавать в %,px,em, rem и других форматах

Samail
На сайте с 10.05.2007
Offline
361
#3

indenger20, я может чего-то не понимаю, но по моему там написано "если ширина экрана не больше 40 высот текущего шрифта"

I2
На сайте с 07.03.2015
Offline
38
#4
Samail:
indenger20, я может чего-то не понимаю, но по моему там написано "если ширина экрана не больше 40 высот текущего шрифта"

Вы совершенно правы, здесь я лохонулся :)

И все-таки я бы не советовал использовать em, так как если захотите поменять базовый размер шрифта, то и брекпоинты сместятся.

VillainTheCake
На сайте с 31.08.2016
Offline
15
#5

Собственно, если вы верстаете в пикселях, верстка будет фиксированной, а в процентах и em резиновой. Неплохая книга на эту тему - https://www.ozon.ru/context/detail/id/8747299/

L
На сайте с 10.02.2015
Offline
222
#6

В данном случае использование относительных единиц - дебилизм.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий