для адаптивности под разные экраны
А как это влияет на адаптацию?
Ну я б сказал такая себе адаптивность, условная. Понятно, что если ты прям всё на rem'ах напишешь, адаптивностью там пахнуть не будет.
через стили html тега можно задать базовый размер rem в медиях
Потому что он где-то вычитал, что так правильно, вот и делает, хоть и неудобно, а зачем не может объяснить) Хз на практике ни разу не встречал острой неоьходимости. Ну и да, не все видеоуроки снимают носители абсолютной истины и пользователи всех бест-практис
Это да, но зачем давать возможность отступы или высоты регулировать таким образом — хз. Для шрифтов ещё могу понять🤷♂
да не, когда тебе придется все размеры в медиях переопределять поймешь) гораздо удобнее иметь относительный размер
Есть примеры работающей по такому принципу верстки?
ну то что я смотрел из зарубежного по верстке там тож ремы юзали
Эх, вот сколько макетов сверстал, вообще не юзал rem, максимум em и то около такого p:not(:last-child) {margin-bottom: 1.5em}
Вообще мысль хорошая, что если в медиа-запросах какие-то величины меняются пропорционально, то можно сэкономить время и код и играться только с медиа для body и ремами
https://frontendmasters.com/courses/css-grid-flexbox-v2/ вот тут ремы использует
чел.... а что удобнее, при адаптиве для каждого элемента прописывать размеры и отступы или указать один раз и всё? в этом чате несколько дней назад уже был спор про ремы, если интересно поищи по истории
и правильно. rem же мёртв. он на практике ни для чего больше почти не нужен
Согласен, что с ремами удобнее 👍
сколько практикуете?
meta viewport меняешь и всё скейлится как надо если в этом вообще нужна надобность
Ну получается, да и вообще такие штуки в основном использую, когда что-то около текста крутится, те же отступы или допустим отцентрировать что-то относительно рядом стоящего текста.
и шрифты под лупой?
https://output.jsbin.com/yuhedir открой в мобиле понажимай кнопарь, и поймёшь о чём говорю
за лупой
Блин, а он прав. Смысл парится над адаптивом, го делать range со скейлом, чтобы через transform: scale() можно было увеличиться\уменьшать размер сайта сразу
не понял слегка :) это не transform: scale(). это удобнее и работает как надо
Ладно, шутка глупая получилось, раз её объяснять надо.
вы чат не читаете ? я ж выше кинул ссылку
Обсуждают сегодня