Computer >> Máy Tính >  >> Lập trình >> CSS

Sử dụng thuộc tính chiều rộng tối đa CSS cho hình ảnh đáp ứng

Bạn có thể thử chạy mã sau để triển khai thuộc tính chiều rộng tối đa cho hình ảnh đáp ứng

Ví dụ

<!DOCTYPE html>
<html>
   <head>
      <meta name = "viewport" content = "width = device-width, initial-scale = 1.0">
      <style>
         img {
            max-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>