@media (min-width: 48em)
Пока звучит непонятно
ем здесь будет относительно родителя... Получается....
Получается, что....... Если указать
@media screen (min-width: 48em) {
some params
}
То, * минимальная ширина будет выставлена относительно чего? Не поняла
honey
VovaDos
Так а что будет родителем для медиа-выражений? Конечно :root. Т.е em в таких глобальных штуках = rem
VovaDos
На один символ меньше
honey
Если у нас есть родительский блок .catalog
И есть вложенные в каталог несколько блоков .card,
И при условии, что ширина родителя 10 пикселей например
То здесь, если поставить ребенку .card ширину 2em, то ширина ребенка будет равняться 20 пикселям, так ?
Pavel
Ура, еще одного человека убедил в использовании em / rem
Я правильно понимаю, что это все только для доступности?
honey
Так а что будет родителем для медиа-выражений? Конечно :root. Т.е em в таких глобальных штуках = rem
В этом и был вопрос, я не знала от какого родителя считается ем для медиа
honey
Александр
А в переноске он вообще не ездит ?
А на заднем сидении всегда только собаки ?
Просто если людям садиться, то там же все в шерсти
И нужно убирать завесу
а зачем его переноской мучать?)
Да, сзади плацдарм только для собак, Сложены сиденья, там один огромный багажник получился, СДелали там матрас на всю площадь =)))
honey
Так а что будет родителем для медиа-выражений? Конечно :root. Т.е em в таких глобальных штуках = rem
А размеры рут элемента задаются как-нибудь по умолчанию (браузером, например. Например, если не заданы размеры хтмл, то браузер считает, что ширина пользовательского окна браузера = ширина хтмл, а высота пользовательского окна браузера= высота хтмл )
Или мы должны выставить ширину и высоту хтмл в пикселях ?
honey
а зачем его переноской мучать?)
Да, сзади плацдарм только для собак, Сложены сиденья, там один огромный багажник получился, СДелали там матрас на всю площадь =)))
Наверное кто у чему привык, я знаю людей, у которых собака только в переноске и ездит, она маленькая у них, Джек Рассел терьер. Так она свою переноску любит, и кататься любит, иногда сама подходит в переноске и ждёт когда поедут )
VovaDos
Ширина и высота :root = ширине и высоте всего контента на странице. Но к чему здесь это, если мы говорили об em / rem, которые абстрагируются от font-size?
honey
Плюс так вроде как безопасней, переноску то можно пристегнуть, а собак - нет
И плюс ко всему - шерсти по салону - нет.
Александр
Наверное кто у чему привык, я знаю людей, у которых собака только в переноске и ездит, она маленькая у них, Джек Рассел терьер. Так она свою переноску любит, и кататься любит, иногда сама подходит в переноске и ждёт когда поедут )
ну это само собой) Как приучить)
Но у меня собаки крайне активные, лежать долго в переноске для них мучительно, Ну и для второй собаки переноска в пол машины наверное будет)
🏴☠️
https://cloudfour.com/thinks/the-ems-have-it-proportional-media-queries-ftw/
кстати, если юзер использует плагин для увеличение шрифта, то на твоем сайте это не работает, а едет верстка
https://chrome.google.com/webstore/detail/font-size-increase/ombpcpigmndepfckcifdblemkabaoihk
honey
Ширина и высота :root = ширине и высоте всего контента на странице. Но к чему здесь это, если мы говорили об em / rem, которые абстрагируются от font-size?
Про первое поняла. Ну, мы же отталкиваемся от ширины рут элемента (хтмл), в медиа запросах
И я хотела узнать как вычисляется (задаётся) тогда ширина этого рут элемента, и высказала мысль, что, возможно, задаётся ширина рут элемента - браузером. Таким образом, что отталкивается от ширина контентного окна пользователя
Вот
Надеюсь понятно объяснила причину своего вопроса*
VovaDos
кстати, если юзер использует плагин для увеличение шрифта, то на твоем сайте это не работает, а едет верстка
https://chrome.google.com/webstore/detail/font-size-increase/ombpcpigmndepfckcifdblemkabaoihk
А с чего бы ей не ехать? Оно увеличивает шрифт каждого элемента, а не шрифт :root. Плагин бессмысленный, поскольку есть Appearance
honey
А верстка не должна учитывать возможность её масштабирования ?😳
🏴☠️
А с чего бы ей не ехать? Оно увеличивает шрифт каждого элемента, а не шрифт :root. Плагин бессмысленный, поскольку есть Appearance
Почему бессмысленный? я им постоянно пользуюсь. А если зумить экран, то вся верстка огромная
VovaDos
А с чего бы ей не ехать? Оно увеличивает шрифт каждого элемента, а не шрифт :root. Плагин бессмысленный, поскольку есть Appearance
Это тоже самое, чтобы ты зашел на мой сайт, ебанул font-size: 1000px и спрашиваешь "Почему она едет????????????????"
🏴☠️
А с плагином можно только шрифт сделать больше
VovaDos
Ну
Александр
Александр
Плюс так вроде как безопасней, переноску то можно пристегнуть, а собак - нет
И плюс ко всему - шерсти по салону - нет.
Да, переноска безопаснее
Но за шлейку тоже можно в штатное место пристегнуть =)
Александр
+ сетка как раз для безопасности натянута
Проверял, не улетают дальше нее)))
honey
ну это само собой) Как приучить)
Но у меня собаки крайне активные, лежать долго в переноске для них мучительно, Ну и для второй собаки переноска в пол машины наверное будет)
А, да. Мне также сказали, что это возможно, потому что собачка - маленькая. И обяьснил что да, если была бы большая, то тут уж ничего не поделаешь, запихивать в переноску большую при каждой поездке наверное такое себе это раз, и каждый раз после выгула (похода вне машины) она будет залезать в Салон и Пачкать всё грязными лапами. Иначе придется ей лапы каждый раз мыть после каждой прогулки вне машины, а так можно в переноску запускать, если собачка маленькая, и лапы дома мыть. Потом просто в переноске убираться.
И я думаю да, хорошее решение сиденья сложить. И матрас положить ))
Матрас уже наверное для заботы ) вряд-ли они бы так, без него, не проехались. Хотя и в переноску кладут же на них что-то типа матрасика
Александр
А, да. Мне также сказали, что это возможно, потому что собачка - маленькая. И обяьснил что да, если была бы большая, то тут уж ничего не поделаешь, запихивать в переноску большую при каждой поездке наверное такое себе это раз, и каждый раз после выгула (похода вне машины) она будет залезать в Салон и Пачкать всё грязными лапами. Иначе придется ей лапы каждый раз мыть после каждой прогулки вне машины, а так можно в переноску запускать, если собачка маленькая, и лапы дома мыть. Потом просто в переноске убираться.
И я думаю да, хорошее решение сиденья сложить. И матрас положить ))
Матрас уже наверное для заботы ) вряд-ли они бы так, без него, не проехались. Хотя и в переноску кладут же на них что-то типа матрасика
для сидений специальный гамак есть, как раз чтобы не пачкали сиденья и чтобы вниз не падали
Александр
А если на пол поставить, то по колено будет?
Ну +-
Мне да, жене чуть выше
15 кг весит
А цверг 8кг
honey
+ сетка как раз для безопасности натянута
Проверял, не улетают дальше нее)))
Хорошо. Один ньюанс - при перевороте (ни дай бог) наверх и мимо сетки можно улететь
Но я думаю ты не будешь гонять быстро, либо ездить опасно, либо стоять неаккуратно, либо просто не попадутся любители погонять и подрезать
Александр
Хорошо. Один ньюанс - при перевороте (ни дай бог) наверх и мимо сетки можно улететь
Но я думаю ты не будешь гонять быстро, либо ездить опасно, либо стоять неаккуратно, либо просто не попадутся любители погонять и подрезать
При перевороте и переноска опасна, так что там уже не до этого будет
При перевороте с большой вероятностью в окно полетит всё что не прикреплено
Александр
притом в боковое =)
honey
honey
При увеличении масштаба как раз должен по идее подойти именно относительный размер (ну, размер, указанный относиткльно рут элемента хтмл. От которого в свою очередь строятся размеры блоком при медиа запросах)
honey
Но мне кажется я пока не сильно вьезжаю и нужна практика
VovaDos
А контрл+ увеличивает масштаб же?
А не шрифт
Увеличивает масштаб, уменьшая при этом ширину вьюпорта, поэтому все медиа-запросы отрабатывают
honey
VovaDos
Почему нельзя делать сразу правильно?
🏴☠️
потому что этот подход используется не везде и ты можешь зайти на проект, где верстают пикселями
VovaDos
потому что этот подход используется не везде и ты можешь зайти на проект, где верстают пикселями
Все, что будет отличать пиксели от em / rem - это функции em(*px) / rem(*px)
honey
И наверное чтобы научилась быстро верстать
VovaDos
Которые легко пишутся на SCSS
🏴☠️
Почему нельзя делать сразу правильно?
Это не правильно или неправильно, это разные подходы. у тебя какая-то ремомания))
VovaDos
Хорошие верстальщики - это полгода практики
VovaDos
Как минимум
VovaDos
Еще в зависимости от интенсивности
🏴☠️
Все, что будет отличать пиксели от em / rem - это функции em(*px) / rem(*px)
проект может быть на чисто цсс
honey
Как минимум
У меня школа примерно до НГ, в лучшем случае, если пройду нулевой стейдж успешно (думаю так и будет) и если смогу пройти первый стейдж
Лира
VovaDos
А где в спеке, что надо все делать на емах?
Нигде, это увеличивает доступность, значит это правильнее
honey
А нулевой стейдж как раз учит делать вёрстку, и делать ее адаптивно, он идёт до сентября вроде бы...
honey
Лира
я таааак не хочу в Новый год в салоне работать, потому что там откроются врата ада предновогодние
VovaDos
Да и не все должно быть на em / rem. Еще раз говорю, декоративщина border-radius / box-shadow и тд - это px
🏴☠️
Нигде, это увеличивает доступность, значит это правильнее
Ну твой сайт на 200 проценах превращается в мобилу на десктопе, если я на огромном телеке захочу его зумить, это пиздц доступность
Лира
А нулевой стейдж как раз учит делать вёрстку, и делать ее адаптивно, он идёт до сентября вроде бы...
да, до середины августа, потом две недели отдых и по новой
VovaDos
Ну твой сайт на 200 проценах превращается в мобилу на десктопе, если я на огромном телеке захочу его зумить, это пиздц доступность
Это уже проблема макета, а не подхода. Верстал все по макету, так что)
VovaDos
Даже Pixel Perfect ебанул
🏴☠️
Это уже проблема макета, а не подхода. Верстал все по макету, так что)
Ну дизайнер умер от передоза, а ты должен выкатить нормальный сайт, выкручивайся
VovaDos
Сколько у моник пикселей?
VovaDos
