Как max-width влияет на адаптивность дизайна сайтов?

Свойство max-width влияет на адаптивность дизайна сайтов, позволяя масштабировать изображения и другой медиа-контент. webref.ru www.schoolsw3.com

Если свойству max-width присвоено значение 100%, то при уменьшении области просмотра любой медиа-контент будет уменьшаться в соответствии с шириной контейнеров. webref.ru Например, если изображение имеет ширину по умолчанию 500 пикселей, а размер экрана — 360 пикселей, то свойство max-width позволит увидеть полное изображение. vc.ru

Однако свойство max-width не всегда лучший метод, так как может работать не для всех размеров экрана и устройств. vc.ru Кроме того, изменив только размер изображения, вес картинки остаётся прежним, из-за чего увеличивается время загрузки на мобильных устройствах. tproger.ru