放大/缩小时禁用CSS中图像的自动调整

Question

＆＃13;

＆＃13;

<div class="footer">
  <img class="fisk" src="fisk1.jpg" alt="fisk">
</div>

＆＃13;

＆＃13;

＆＃13;

我在div中有一个img，我希望这个图像在放大和缩小时保持相同的大小，但是我无法让它工作。我觉得我已经尝试了一切，感觉这是不可能的？

我让文字保持相同的尺寸但不是图像。

Answer 1

这应该是解决方案，即使在调整大小期间它似乎保持不变！

注意：在我的本地html文件中测试，同时放大/缩小！

＆＃13;

＆＃13;

html,
body {
  width: 100%;
  margin: 0px;
}

＆＃13;

<div class="footer">
  <img class="fisk" src="http://via.placeholder.com/350x150" alt="fisk" width="100%">
</div>

＆＃13;

＆＃13;

＆＃13;