Почему в Safari не работает связка {width: 100%; max-width: 320px} + flexbox?

Question

[Ewars]

Сверстал с помощью flexbox (префиксы в порядке).

Ширину блоков задал:

.news {
    width: 100%;
    max-width: 320px;
}

Везде блоки выстраиваются в ряд (Скриншот 1), а в Safari в столбик (Скриншот 2) и (внимание!!!) когда я переписываю ширину на width: 320px, то блоки выстраиваются в ряд.

Почему так? Ширина блока и так 320px, благодаря max-width

Answer 1

[pestilent]

Min and max size declarations are ignored when wra.... Вроде оно. В общем, надо задать flex-basis.

Comments

[Ewars]

Спасибо! То, что нужно! Больше никогда не буду использовать flexbox