Flex айтемы не влазят в контейнер на ios 8 и ниже. Почему?

Question

[Alex Clear]

Есть такой вот код: https://jsfiddle.net/orkz0nf4/
Видно, что все item позиционируются, как надо. Но при ios 8 и меньше .services__wrap-text выпадает из контейнера. Я все пробовал, flex: 0 1 auto, width: auto, flex-basis. Он просто как деревянный засох намертво. Тупо не хочет сужаться по контейнеру. Я не знаю, что с эти делать. И такое со всеми дочерними элементами flexbox...

- iphone4 ios 7 версии.

Вторая картинка вообще уже из другой секции. Там у меня вообще флекс не работает, судя по всему, и он тупо остается в десктопном режиме. В общем, проблема с флексами конкретная.

Comments

[iBird Rose]

попробуй для .services__wrap-text ширину задать через calc
width: calc(100% - 69px);

[Rustam Bainazarov]

Наверное, стоит забыть о поддержке iOS7, 8 и 9 в контексте современного сайта.

[Alex Clear]

iBird Rose, ого, спасибо большое, помогло. Я так понял, что -69px это размер выпада item, и вы его просто вычли из общей ширины? А нет какого-либо более оптимального решения, так сказать, без танцев с бубном?)

[Alex Clear]

Рустам Байназаров, а на ios 7 сидит больший процент людей, чем на ie10? Просто я давно забил на Ie10 и все, что ниже.

[Alex Clear]

iBird Rose, нашел универсальное решение: flex: 1 0 auto)

[Rustam Bainazarov]

Alex Clear, по миру что-то около 0.15%, как понимаю, на iOS7.

[Alex Clear]

Рустам Байназаров, в принципе, и его можно поддерживать. Я тут понял, что еще autoprefixer стоял всего-лишь на 2 последнии версии. Поставил на 15, теперь хорошо работает даже на 7 ios/

[Rustam Bainazarov]

Alex Clear, там есть куча проблем в т. ч. с высотой 100%, это не решается Prefixer'ом, только хаками.

[Alex Clear]

Рустам Байназаров, ну это понятно