PHP前端开发

如何使用CSS缩小图像以使其响应

百变鹏仔 4周前 (09-20) #CSS
文章标签 使其

要使图像具有响应式,您可以尝试运行以下代码:

示例

实时演示

<!DOCTYPE html><html>   <head>      <style>         img {            max-width: 100%;            height: auto;         }      </style>   </head>   <body>      <img src = "https://www.tutorialspoint.com/videotutorials/images/coding_ground_home.jpg" alt = "Online Compiler" width = "300" height = "300">   </body></html>