Run »
<!DOCTYPE html> <html> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <body> <h2>Responsive Image</h2> <p>"max-width:100%" prevents the image from getting bigger than its original size. However, if the browser window is made smaller, the image will still scale down.</p> <p>To see the effect resize the browser window.</p> <img src="image/greece.jpg" style="max-width:100%;height:auto;"> </body> </html>
×
Report a Problem:
Description:
Submit