Почему не работает flex-wrap при просмотре кода страницы?

Question

[Николай Поливанов]

Сверстал адаптивный макет, использовал flex. Смотрел адаптивность сужая окно браузера, так всё работало, но когда открыл код страницы, удивился. Flex-wrap не работал, а работали только медиа запросы. Как сделать так чтобы flex-wrap работал так как пишут в справочниках? То есть при сужении окна браузера выводил flex-элементы на новую строку.
При просмотре кода:

При сжатие браузера, меню встало как надо:

Comments

[ой всё]

вы сами пробовали читать код на вашем скриншоте?

[Ankhena]

ой всё, тык это "открыть в новой вкладке" и будет картинка в родной размер, это ш тостер их масштабирует под пост.

nikolaitor хорошо бы давать ссылку на сайт или код в песочнице, а не заставлять нас гадать по скринам.

Если разное поведение при сжатии браузера и просмотре в эмуляторе, имеет смысл проверить meta viewport или масштаб браузера. Ну а потом ширину элементов которые остаются в одной строке и не переносятся.

[ой всё]

Ankhena, то есть вам даже лень сделать скриншот такого размера, чтобы его можно было читать без проблем?
удачи

[Ankhena]

ой всё,

ку-ку ;)

ТС и так сделал нормальный скрин. Вставить его можно либо так как это сделал он либо ссылкой. Модераторы обычно просят загружать картинки через интерфейс тостера, а не всякие там joxi. Чтобы сделать ссылку на открытие большой картинки это двойное действие, о котором новички вообще не подозревают.
Так что разумнее написать в саппорт тостера, чтобы если картинка не влезает в ширину поста, то ссылка на картинку в родном размере формировалась автоматом.

Мы то с вами опытные и в состоянии открыть картинку в другой вкладке и суметь помочь.

Answer 1

[doweb]

Значит блокам хватает места в одной строке и им незачем переноситься.

Comments

[Dima Polos]

Вот сверху тему написали, что им хватает места и поэтому не переносятся блоки. Задайте блокам flex-basis.

Answer 2

[Николай Поливанов]

Проблема была с meta viewport