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

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

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

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

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

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