Size: a a a

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

2020 June 19

SB

Sergey Bekharsky in CSS — русскоговорящее сообщество
Андрей Гуртовой
Зачем вы делаете проценты?
Это чтобы ремы от условных 10 пикселей считать
источник

A🥖

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

SB

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

DT

Dmi Tgl in CSS — русскоговорящее сообщество
Вопросец  такой, есть блок, который должен скроллиться по вертикали, но должен отображать контент по горизонтали как есть(имеется ввиду абсолютно запозиционированные блоки, которые могут выходить за рамки), использовал, но что-то как-то мда
overflow-x; overflow-y

https://codepen.io/cbrgpl/pen/dyGNZVw
источник

AB

Artyom Burkan in CSS — русскоговорящее сообщество
Alexander 🥖
нет, от дэфолта браузера то есть от 16px(если юзер их не менял)
Спасибо за чёткие ответы 👍🏼
источник

A🥖

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

АГ

Андрей Гуртовой... in CSS — русскоговорящее сообщество
Artyom Burkan
Я здесь имел ввиду вот эту часть: @media (min-width: 50em). Здесь 50em возьмётся от :root?
Свежая статья для тебя https://css-tricks.com/em-based-media-queries-are-based-on/
источник

DT

Dmi Tgl in CSS — русскоговорящее сообщество
Dmi Tgl
Вопросец  такой, есть блок, который должен скроллиться по вертикали, но должен отображать контент по горизонтали как есть(имеется ввиду абсолютно запозиционированные блоки, которые могут выходить за рамки), использовал, но что-то как-то мда
overflow-x; overflow-y

https://codepen.io/cbrgpl/pen/dyGNZVw
Понятное дело, подразумевалось, что горизонтального скролла быть не должно
источник

DT

Dmi Tgl in CSS — русскоговорящее сообщество
Dmi Tgl
Вопросец  такой, есть блок, который должен скроллиться по вертикали, но должен отображать контент по горизонтали как есть(имеется ввиду абсолютно запозиционированные блоки, которые могут выходить за рамки), использовал, но что-то как-то мда
overflow-x; overflow-y

https://codepen.io/cbrgpl/pen/dyGNZVw
Вопрос решился, нашел на одном сайте аналогичный блок и подсмотрел
источник

АГ

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

DT

Dmi Tgl in CSS — русскоговорящее сообщество
Но мне интересно, почему не работает, если отдельно указывать overflow-x, overflow-y
источник

A🥖

Alexander 🥖 in CSS — русскоговорящее сообщество
лол, я написал аж дословно как Крис))00
будто скопипастил
источник

DT

Dmi Tgl in CSS — русскоговорящее сообщество
Dmi Tgl
Вопрос решился, нашел на одном сайте аналогичный блок и подсмотрел
Кстати, я поспешил, ниче не работает
источник

DT

Dmi Tgl in CSS — русскоговорящее сообщество
Андрей Гуртовой
Есть трюк с позишинами когда ты можешь преодолеть overflow обёртку
Что за трюк?
источник

АГ

Андрей Гуртовой... in CSS — русскоговорящее сообщество
Alexander 🥖
лол, я написал аж дословно как Крис))00
будто скопипастил
Молодец. Хороший специалист)!
источник

АГ

Андрей Гуртовой... in CSS — русскоговорящее сообщество
Dmi Tgl
Что за трюк?
Попробую реализовать. Сек
источник

A🥖

Alexander 🥖 in CSS — русскоговорящее сообщество
Андрей Гуртовой
Молодец. Хороший специалист)!
спасибо за апдейт ссылки
я лично уже привык просто к em и rem везде
источник

SB

Sergey Bekharsky in CSS — русскоговорящее сообщество
Alexander 🥖
зачем мне тянуть это в проект?
Затем, что скорее всего уже есть
источник

AB

Artyom Burkan in CSS — русскоговорящее сообщество
Спасибо 👍🏼
источник

АГ

Андрей Гуртовой... in CSS — русскоговорящее сообщество
Dmi Tgl
Кстати, я поспешил, ниче не работает
блин.. только я предполагал, что зелёное также будет ездит со скроллом, и когда-то я встречал такое, но сейчас не знаю как реализовать
https://jsbin.com/verukadajo/edit?html,css,output
источник