x
<html><meta name="viewport" content="width=device-width, initial-scale=1.0"><body><h2>Адаптивное изображение</h2><p>"max-width:100%" препятствует тому, чтобы изображение стало больше чем его оригинальный размер. Однако, если вы сделаете окно браузера меньше, изображение все равно будет уменьшаться.</p><p>Измените размер окна браузера, чтобы увидеть эффект.</p><img src="img_girl.jpg" style="max-width:100%;height:auto;"></body></html>