根据 <img> 中的分辨率预览图像

Question

我有 <img> 高度 = "100%" 宽度 = "30%" 的标签。 当我点击上传文件时，所选图像在<img> 标签中查看。 但是图像会根据分辨率进行拉伸或压缩。 如何在<img>标签中显示全图？

Answer 1

设置一个或另一个，而不是两者（就宽度或高度而言）：

img{
  width:50%;
  }

<img src="https://placekitten.com/g/200/300"/>

注意图像（通常为 200*300）现在如何被拉伸到屏幕宽度的 50%，并且其高度会相应调整？