如何让图像显示实际大小？

Question

我在div中有一张图片，我的图片最大尺寸是40%。如何获得实际大小的图像？

.v-guide img {
    width: 40%;
    border: 1px black solid;
    float: left;
    margin: 0 12px 0 0;
    }

这就是我的风格。如何在img标签中添加一个样式，使其具有图像的实际样式，甚至是80%的最大大小？

Answer 1

只需将max-width添加到样式中，而不使用width强制其宽度即可。

​

img {
  max-width: 80%;
}

div {
  border: 1px solid red;
}

<div>
  <div>
  <img src="http://via.placeholder.com/1000x150">
  <img src="http://via.placeholder.com/350x150">
  <img src="http://via.placeholder.com/10000x150">
  </div>
</div>

​