Как прописать масштабирование контента при изменении размера окна браузера?

Question

[Andriy K]

Доброе время суток,
Начинающий Front End - щик, совсем зелёный. Прошу вашего совета:
Как и где прописывается масштабирование контента (изображений), при изменении размера окна браузера?
Спасибо большое!

Answer 1

[Ankhena]

max-width: 100%
для img
А родительским блокам (обычно figure) задаете размеры (в чем удобнее).
Как-то так https://jsfiddle.net/duv3ca10/
Остальное с помощью @media

И изучите тег picture - поможет при адаптиве.

Comments

[Andriy K]

Пробую прописывать ширину блока div 100%, а затем ширину изображений соответственно в %, и не получается. При изменении окна браузера, последнее изображение перескакивает на следующую линию.

[Ankhena]

Andriy K, какое еще последнее изображение?
Если div 100%-ной ширины, то это всего 1 блок на строку.

Сделайте песочницу на jsfiddle.net
И объясните какого результата вы пытаетесь достичь.