Question

我有<img>标签高度=“100％”宽度=“30％”。当我点击上传文件时，所选图像将在<img>标签中查看。但是图像会根据分辨率被拉伸或挤压。如何在<img>代码中显示完整图片？

Answer 1

设置一个或另一个，而不是两者（在宽度或高度方面）：

＆＃13;

img{
  width:50%;
  }

＆＃13;

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

＆＃13;

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