Size: a a a

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

2020 August 31

m

mazya in HTML/CSS — русскоговорящее сообщество
Антон Солоха
Проблема: некоторые флексовые блоки "схлопывются" на ios устройствах, буд то их высота = 0, хотя внутри есть контент.
Сейчас решаю это задавая min-height: fit-content, но это довольно запарно. Собственно вопрос, есть ли какой то более элегантный способ решить эту проблему?
Элегантный способ появится тогда, когда будет видно вживую почему они схлопывается и что вызвало такое дурное поведение. Для этого можно юзануть codepen. А если за контент считается картинка с авторазмерами или фон или псевдо какие-то – вопрос странный.
источник

T

Tim in HTML/CSS — русскоговорящее сообщество
Антон Солоха
Проблема: некоторые флексовые блоки "схлопывются" на ios устройствах, буд то их высота = 0, хотя внутри есть контент.
Сейчас решаю это задавая min-height: fit-content, но это довольно запарно. Собственно вопрос, есть ли какой то более элегантный способ решить эту проблему?
Если старая иос это баг флексбокса
источник

T

Tim in HTML/CSS — русскоговорящее сообщество
пиши min-height и не парься
источник

АС

Антон Солоха... in HTML/CSS — русскоговорящее сообщество
Tim
пиши min-height и не парься
Понял, спасибо)
источник

T

Tim in HTML/CSS — русскоговорящее сообщество
но варианты выше тоже возможноы
источник

T

Tim in HTML/CSS — русскоговорящее сообщество
без кодпена не понять, но мы не сможем завести кодпен на том же телефоне что у тебя :)
источник

m

mazya in HTML/CSS — русскоговорящее сообщество
Насколько старая? Под пятый фон? Много он у кого из ЦА?
источник

T

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

T

Tim in HTML/CSS — русскоговорящее сообщество
короче проведи ресерч
источник

T

Tim in HTML/CSS — русскоговорящее сообщество
mazya
Насколько старая? Под пятый фон? Много он у кого из ЦА?
10-11
источник

T

Tim in HTML/CSS — русскоговорящее сообщество
это пятый айфон, четвертый айпад
источник

m

mazya in HTML/CSS — русскоговорящее сообщество
Ну так сначала можно подумать над тем, какой % ЦА сидит с этих устройств. А потом рулить варианты.
источник

T

Tim in HTML/CSS — русскоговорящее сообщество
mazya
Ну так сначала можно подумать над тем, какой % ЦА сидит с этих устройств. А потом рулить варианты.
тоже верно
источник

АС

Антон Солоха... in HTML/CSS — русскоговорящее сообщество
К сожелению смогу залить на кодпен только завтра, действительно тупанул, без него будет сложно. Но нет, это iphone x, и какой то ipad
источник

T

Tim in HTML/CSS — русскоговорящее сообщество
но я просто ответил на вопрос о возможной причине. там уже разработчику со своей командой решать поддерживать это или нет
источник

T

Tim in HTML/CSS — русскоговорящее сообщество
Антон Солоха
К сожелению смогу залить на кодпен только завтра, действительно тупанул, без него будет сложно. Но нет, это iphone x, и какой то ipad
тогда другие варианты какие-то
источник

m

mazya in HTML/CSS — русскоговорящее сообщество
Антон Солоха
К сожелению смогу залить на кодпен только завтра, действительно тупанул, без него будет сложно. Но нет, это iphone x, и какой то ipad
Если у тебя на реальной десятке схлопывается флекс, то тебе стоит перечитать, что я написал выше и подумать, где ты мог проиграть со свойствами
источник

АС

Антон Солоха... in HTML/CSS — русскоговорящее сообщество
Сложно сейчас возпроизвести без устройства, но я попробую что-то залить
источник

N

Nazar in HTML/CSS — русскоговорящее сообщество
Есть такое. А как сделать то, что было такое?
источник

N

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