是否有必要将“img”用作CSS中的块元素（display：block;）

Question

因为我已经读过，使用img作为块元素进行缩放是有效的。

Answer 1

非常确定它不是必要的＆＃34; ...但是，为了缩放目的，可能更容易将其用作display: block;。

＆＃13;

＆＃13;

.cats{display: inline;}

＆＃13;

<img src="http://www.cats.org.uk/uploads/images/featurebox_sidebar_kids/grief-and-loss.jpg" class="cats">

＆＃13;

＆＃13;

＆＃13;

Answer 2

没有。只要具有相对宽度或block分配，图像就会缩放而不会max-width。

使用width会将img的大小设置为相对于父级的大小。

使用max-width: 100%只要父级更宽，但只要父级的宽度小于img，就会使图像成为原始大小宽度，img将根据父级的宽度进行缩放。

＆＃13;

＆＃13;

img {
  width: 100%;
}

＆＃13;

<div>
  <img src="https://i.stack.imgur.com/2C22p.jpg">
</div>

＆＃13;

＆＃13;

＆＃13;

＆＃13;

＆＃13;

img {
  max-width: 100%;
}

＆＃13;

<div>
  <img src="https://i.stack.imgur.com/2C22p.jpg">
</div>

＆＃13;

＆＃13;

＆＃13;