Size: a a a

CSS — русскоговорящее сообщество

2020 June 19

ЕЛ

Евгений Лабутин... in CSS — русскоговорящее сообщество
вот такая адаптивность как раз сильно разявязывает руки дизайнерам
источник

A🥖

Alexander 🥖 in CSS — русскоговорящее сообщество
Artyom Burkan
По какой причине?
ты можешь попробовать часть макета сверстать в таком подходе и почекать, подойдет ли тебе смена рут размера или нет

в большинстве случаев - нет
источник

ЕЛ

Евгений Лабутин... in CSS — русскоговорящее сообщество
достаточно нарисовать макет в трех контрольных разрешениях, не задумываясь о том как оно будет сжиматься
источник

АГ

Андрей Гуртовой... in CSS — русскоговорящее сообщество
Alexander 🥖
но первым делом офк должно быть описано в проекте как именно декларируются размеры какие-либо
Усложнения на ровном месте. Потом дебажить это будет весело.  padding: 1.23456rem
источник

АГ

Андрей Гуртовой... in CSS — русскоговорящее сообщество
Alexander 🥖
ты можешь попробовать часть макета сверстать в таком подходе и почекать, подойдет ли тебе смена рут размера или нет

в большинстве случаев - нет
++
источник

A🥖

Alexander 🥖 in CSS — русскоговорящее сообщество
Евгений Лабутин
достаточно нарисовать макет в трех контрольных разрешениях, не задумываясь о том как оно будет сжиматься
ну и каким образом ты тогда будешь управлять адаптивностью через rem root?
нужно чтобы дизайнер отталкивался как раз таки от формулы, по которой ты будешь рассчитывать размеры
источник

АГ

Андрей Гуртовой... in CSS — русскоговорящее сообщество
Евгений Лабутин
достаточно нарисовать макет в трех контрольных разрешениях, не задумываясь о том как оно будет сжиматься
Проблема в том что рисуем макеты не мы.
источник

A🥖

Alexander 🥖 in CSS — русскоговорящее сообщество
Андрей Гуртовой
Усложнения на ровном месте. Потом дебажить это будет весело.  padding: 1.23456rem
ну это говнокод да

но у меня просто всегда и везде 62.5%
источник

A🥖

Alexander 🥖 in CSS — русскоговорящее сообщество
то есть в медиазапросах переустанавливаешь значение новое
все что надо запомнить, все пиксельные размеры - делятся на 10
источник

АГ

Андрей Гуртовой... in CSS — русскоговорящее сообщество
Alexander 🥖
ну это говнокод да

но у меня просто всегда и везде 62.5%
Зачем эти проценты? Почему не просто font-size: 1px. А потом использовать ремы как пиксели))
источник

A🥖

Alexander 🥖 in CSS — русскоговорящее сообщество
кстати еще важно сами медиа запросы писать в em
источник

A🥖

Alexander 🥖 in CSS — русскоговорящее сообщество
Андрей Гуртовой
Зачем эти проценты? Почему не просто font-size: 1px. А потом использовать ремы как пиксели))
потому что пиксели статичная величина
а проценты нет
источник

АГ

Андрей Гуртовой... in CSS — русскоговорящее сообщество
Но это как видите не имеет никакого смысла. Лучше пиксели заюзать и всо
источник

A🥖

Alexander 🥖 in CSS — русскоговорящее сообщество
Андрей Гуртовой
Но это как видите не имеет никакого смысла. Лучше пиксели заюзать и всо
ща скину статью где все наглядно описано
источник

АГ

Андрей Гуртовой... in CSS — русскоговорящее сообщество
Alexander 🥖
потому что пиксели статичная величина
а проценты нет
Что вы имеете в виду?
источник

AB

Artyom Burkan in CSS — русскоговорящее сообщество
Alexander 🥖
кстати еще важно сами медиа запросы писать в em
@media (min-width: 50em)
.bio__fullName {
   font-size: 4rem;
}

будет браться от :root?
источник

A🥖

Alexander 🥖 in CSS — русскоговорящее сообщество
Андрей Гуртовой
Что вы имеете в виду?
источник

АГ

Андрей Гуртовой... in CSS — русскоговорящее сообщество
Alexander 🥖
кстати еще важно сами медиа запросы писать в em
Было актуально когда хром лажал с дробными величинами в 2012м где-то
источник

A🥖

Alexander 🥖 in CSS — русскоговорящее сообщество
Artyom Burkan
@media (min-width: 50em)
.bio__fullName {
   font-size: 4rem;
}

будет браться от :root?
да, ведь в этом смысл rem
источник

AB

Artyom Burkan in CSS — русскоговорящее сообщество
Alexander 🥖
да, ведь в этом смысл rem
Я здесь имел ввиду вот эту часть: @media (min-width: 50em). Здесь 50em возьмётся от :root?
источник