Что правильнее использовать при адаптивности: flex-basis или width?

Question

[Senseich]

Всем привет! Пробую верстать на флексах, но не совсем понимаю разницу между flex-basis (главная ось горизонтальная) и width? Посмотрел примеры, и так и так делают + если пишут flex-basis, то ещё добавляют max-width. Дак, что следует применять и соответственно менять в медиа-запросах при верстке на
флексах: flex-basis или width?

Comments

[Сергей delphinpro]

width - это вполне конкретная величина.
flex-basis - это ориентир, по которому будет рассчитываться место под элемент исходя из контента.
max-width в сочетании с flex-basis используется достаточно редко (если по уму), в основном только в сетках (привет бутстрапу) и это вынужденная мера в угоду кроссбраузерности.

[Senseich]

Сергей delphinpro, а если задавать в процентах, получается разницы нет между ними.

[Сергей delphinpro]

Senseich, есть

[Senseich]

Сергей delphinpro, а я правильно понимаю, что св-во flex-basis не распространяется на изображения. Ничего не происходит: https://jsfiddle.net/dn9sg0Lb/1/

[Сергей delphinpro]

Senseich, У изображений (и вообще, у замещаемых элементов, вроде) по умолчанию стоит свойство

min-width: min-content;

Если вы сбросите минимальную ширину, то картинки встанут на место
min-width: 0;