Выполнить »
×
Изменить ориентацию
Открыть на Codepen
Изменить тему, Темная/Светлая
<!DOCTYPE html> <!DOCTYPE html> <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>
