Use CSS width property for responsive image

Set the width property to 100% for the responsive image. You can try to run the following code to make your image responsive

Example

Live Demo

<!DOCTYPE html> <html>    <head>       <meta name = "viewport" content="width=device-width, initial-scale = 1.0">          <style>             img {                width: 100%;                height: auto;             }          </style>    </head>    <body>       <p>To check the effect, you need to resize the browser.</p>       <img src = "https://www.tutorialspoint.com/python/images/python-data-science.jpg"          alt = "Python Data Science" width = "400" height = "300">    </body> </html>
Updated on: 2020-06-25T06:09:28+05:30

132 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements