Size: a a a

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

2020 August 30

NM

Neo Makela in HTML/CSS — русскоговорящее сообщество
Недавно сталкивался с проблемой, был сверстанный сайт, в девтулзе все отлично, на андроиде все отлично, в сафари на айфонах два блока налегли друг на друга
источник

NM

Neo Makela in HTML/CSS — русскоговорящее сообщество
Сверстан был на флексах
источник

T

Tim in HTML/CSS — русскоговорящее сообщество
Neo Makela
Недавно сталкивался с проблемой, был сверстанный сайт, в девтулзе все отлично, на андроиде все отлично, в сафари на айфонах два блока налегли друг на друга
сафари (особенно на айфонах) это новый ие
источник

T

Tim in HTML/CSS — русскоговорящее сообщество
Neo Makela
Недавно сталкивался с проблемой, был сверстанный сайт, в девтулзе все отлично, на андроиде все отлично, в сафари на айфонах два блока налегли друг на друга
на иос 10-11 куча косяков с флексами
источник

A

Aleksandr in HTML/CSS — русскоговорящее сообщество
Tim
сафари (особенно на айфонах) это новый ие
шта?
источник

NM

Neo Makela in HTML/CSS — русскоговорящее сообщество
Сидел не мог найти в чем трабл
источник

NM

Neo Makela in HTML/CSS — русскоговорящее сообщество
Но там адаптивый ещё странный был, постоянно ордеры юзал, грешу на это
источник

A

Aleksandr in HTML/CSS — русскоговорящее сообщество
Tim
на иос 10-11 куча косяков с флексами
ни разу не видел ни одного, если честно
источник

NM

Neo Makela in HTML/CSS — русскоговорящее сообщество
Я постараюсь воспроизвести и на кодпен закинуть
источник

T

Tim in HTML/CSS — русскоговорящее сообщество
Aleksandr
шта?
там чаще всего какая-то шляпа вылезает неочевидная, то градиенты в прозрачность не работают, то flex-flow: column wrap с процентами работать не хочет. До ИЕ далеко, но у меня косяков с ним стабильно больше вылезает чем с хромом
источник

NM

Neo Makela in HTML/CSS — русскоговорящее сообщество
Чо там было
источник

T

Tim in HTML/CSS — русскоговорящее сообщество
Aleksandr
ни разу не видел ни одного, если честно
источник

T

Tim in HTML/CSS — русскоговорящее сообщество
самое распространенное что флекс блоки схлопываются если им специально min-height не задавать
источник

A

Aleksandr in HTML/CSS — русскоговорящее сообщество
Tim
там чаще всего какая-то шляпа вылезает неочевидная, то градиенты в прозрачность не работают, то flex-flow: column wrap с процентами работать не хочет. До ИЕ далеко, но у меня косяков с ним стабильно больше вылезает чем с хромом
а ты чекаешь через caniuse?
источник

v

va1 in HTML/CSS — русскоговорящее сообщество
Tim
сейчас ИЕ помрет в 2021 и заживем
Я думал, что он в 2019 умрет. Потом на 2020 ставку делал. Уже и мелкомягкие оффициально заявили - всё мол, хорош. А воз и ныне там )
источник

T

Tim in HTML/CSS — русскоговорящее сообщество
Tim
там чаще всего какая-то шляпа вылезает неочевидная, то градиенты в прозрачность не работают, то flex-flow: column wrap с процентами работать не хочет. До ИЕ далеко, но у меня косяков с ним стабильно больше вылезает чем с хромом
А, самое любимое что по дефолту flex-shrink: 1
источник

NM

Neo Makela in HTML/CSS — русскоговорящее сообщество
Tim
самое распространенное что флекс блоки схлопываются если им специально min-height не задавать
О, решение проблемы
источник

NM

Neo Makela in HTML/CSS — русскоговорящее сообщество
Спасибо
источник

T

Tim in HTML/CSS — русскоговорящее сообщество
Aleksandr
а ты чекаешь через caniuse?
да, но типа градиенты это такой функционал который везде работать должен уже миллион лет как, а тут хуяк - и если ты ставишь градиент в transparent он превращается в темное мыло. Надо ставить в rgba(0,0,0,0.001)
источник

A

Aleksandr in HTML/CSS — русскоговорящее сообщество
Tim
А, самое любимое что по дефолту flex-shrink: 1
так оно везде по дефолту 1, разве нет?
источник