AB
На ваш взгляд, как вам такое решение, чтобы задать относительное значение в :root {font-size: 62.5%} // от 16px будет равно 10px, для использования 2.5rem === 25px?
Size: a a a
2020 June 19
АГ
:root {font-size: 62.5%} здесь процент берётся от браузера?
Эти пляски с процентами чтобы потом использовать ремы )) ?
VK
$base-font: 16;
@function strip-unit($num) {
@return $num / ($num * 0 + 1);
}
@function rem($num) {
@return strip-unit($num) / $base-font * 1rem;
}VK
Эти пляски с процентами чтобы потом использовать ремы )) ?
да
AB
Эти пляски с процентами чтобы потом использовать ремы )) ?
Да. Получается, что когда я меняю в корне, то меняется на всей странице. Это очень удобно для мониторов с большим разрешением. Вроде выглядит нормально. На практике не использовал, вот хочу попробовать.
VK
при использовании миксинов, что выше достаточно юзать rem(24px), все остальное сдлеют функции
A🥖
Да. Получается, что когда я меняю в корне, то меняется на всей странице. Это очень удобно для мониторов с большим разрешением. Вроде выглядит нормально. На практике не использовал, вот хочу попробовать.
не будет выглядеть нормально
ЕЛ
Да. Получается, что когда я меняю в корне, то меняется на всей странице. Это очень удобно для мониторов с большим разрешением. Вроде выглядит нормально. На практике не использовал, вот хочу попробовать.
и на практике шикарно работает =)
A🥖
я использую такой подход просто в дэфолте
AB
не будет выглядеть нормально
По какой причине?
A🥖
По какой причине?
нормальные дизайнеры адаптируют интерфейс под разные экраны по разному
кейсов, когда тебе достаточно будет просто увеличить рутовый размер, крайне мало
кейсов, когда тебе достаточно будет просто увеличить рутовый размер, крайне мало
ЕЛ
ты ошибаешься )
A🥖
если у тебя один из таких вариантов - то норм
но если тебе нужен адаптивный размер блоков и етц, то лучше делать сразу завязку на vw
но если тебе нужен адаптивный размер блоков и етц, то лучше делать сразу завязку на vw
A🥖
ты ошибаешься )
ну мы про что именно говорим? про фул адаптив с мобилки - таблета - десктопа?
АГ
На ваш взгляд, как вам такое решение, чтобы задать относительное значение в :root {font-size: 62.5%} // от 16px будет равно 10px, для использования 2.5rem === 25px?
используйте пиксели. Ваши компоненты будут менее привязаны к конкретному проекту. И это увеличит их гибкость.
С ремами вы усложняете код. Разработчики разного уровня будут допускать в нём ошибки а вы будете злиться и сталкиваться с их непониманием
Представьте если на экранах большой ширины кто-то в коде увидит rem(24px) но на деле там будет 36px.
С ремами вы усложняете код. Разработчики разного уровня будут допускать в нём ошибки а вы будете злиться и сталкиваться с их непониманием
Представьте если на экранах большой ширины кто-то в коде увидит rem(24px) но на деле там будет 36px.
ЕЛ
ну мы про что именно говорим? про фул адаптив с мобилки - таблета - десктопа?
да, vw тоже вариант )
VK
используйте пиксели. Ваши компоненты будут менее привязаны к конкретному проекту. И это увеличит их гибкость.
С ремами вы усложняете код. Разработчики разного уровня будут допускать в нём ошибки а вы будете злиться и сталкиваться с их непониманием
Представьте если на экранах большой ширины кто-то в коде увидит rem(24px) но на деле там будет 36px.
С ремами вы усложняете код. Разработчики разного уровня будут допускать в нём ошибки а вы будете злиться и сталкиваться с их непониманием
Представьте если на экранах большой ширины кто-то в коде увидит rem(24px) но на деле там будет 36px.
он в коде (в инспекторе) увидит 1.5 рем
A🥖
используйте пиксели. Ваши компоненты будут менее привязаны к конкретному проекту. И это увеличит их гибкость.
С ремами вы усложняете код. Разработчики разного уровня будут допускать в нём ошибки а вы будете злиться и сталкиваться с их непониманием
Представьте если на экранах большой ширины кто-то в коде увидит rem(24px) но на деле там будет 36px.
С ремами вы усложняете код. Разработчики разного уровня будут допускать в нём ошибки а вы будете злиться и сталкиваться с их непониманием
Представьте если на экранах большой ширины кто-то в коде увидит rem(24px) но на деле там будет 36px.
в коде открываешь Computed и смотришь
A🥖
но первым делом офк должно быть описано в проекте как именно декларируются размеры какие-либо
АГ
ты ошибаешься )
Дизайнеры то тоже бывают разного уровня. Нужно быть готовым к этому