使用 CSS 中的百分比来设置图像的高度和宽度

要使用 % 设置图像的高度和宽度，你可以尝试运行以下代码：

示例

在线演示

<!DOCTYPE html>
<html>
   <head>
      <style>
         img {
            height: 50%;
            width: 50%;
         }
      </style>
   </head>
   <body>
      <p>Sized image in %</p>
      <img src = "https://tutorialspoint.com/videotutorials/assets/videos/courses/155/images/course_155_image.png" alt = "CSS" width = "200" height = "200">
   </body>
</html>

更新于： 2020 年 6 月 22 日

770 次浏览

开启你的职业生涯

完成课程即可获得认证

开始
广告