在使用HTML将图片放入代码中时,有没有一种方法可以自动调整图片的大小?

在使用HTML将图片放入代码中时,有没有一种方法可以自动调整图片的大小?,html,image,Html,Image,所以我正在用HTML制作一个传记页面,我必须在其中放置一张图片。这是我的代码: <img src = "IMG_148672786044453.jpeg" height = "281" width = "179" alt = "picture of me"/> 这是在我重新调整大小之后。有没有一种方法可以自动调整大小以获得合适的大小。您应该在CSS中对所有图像进行“调整”,同时对html的视觉表示进行其他更改。向图像标签添加一个类,例如“bio image”,

所以我正在用HTML制作一个传记页面,我必须在其中放置一张图片。这是我的代码:

<img src = "IMG_148672786044453.jpeg" height = "281" width = "179"
         alt = "picture of me"/>

这是在我重新调整大小之后。有没有一种方法可以自动调整大小以获得合适的大小。

您应该在CSS中对所有图像进行“调整”,同时对html的视觉表示进行其他更改。向图像标签添加一个类,例如“bio image”,并在CSS中设置样式,如下所示:

.bio-image {
    width: 179px //px scale of your image relative to its width
}
您可以通过将“宽度”替换为“高度”来相对于其高度进行缩放尝试以下操作:



如果在流体布局中,这应该缩放图像。

您所说的“自动调整大小以获得良好大小”到底是什么意思?如果您只是设置图像的宽度并删除高度。高度将以相同的图像比例“自动调整大小”。我不知道这是不是你需要的。反之亦然
<p>
  <a href="MY WEBSITE LINK" target="_blank">
    <img src="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcQuQ1LDwNtA8y5pylsvvBcWPBazSue1uPsFiBbUEghPBd9QrRmXSG7itA" style='width:100%;' border="0" alt="Null">
  </a>
</p>