javascript - 从数据库中获取图像并将其放入div标签中的html中

Question

我从数据库中获取图像，并希望将此图像放入或放入 div 标签中而不拉伸(stretch)图像。所有图像的大小都不同，所以我不能将 width 和 height 用于图像属性，因为当我使用它时图像会拉伸(stretch)。

<div style="width:300px; height:300px;">
     <img src="link.jpg" alt="jet">
</div>

Answer 1

使用这个CSS

 img {
     max-width:100%
 }

EXAMPLES

如果您无法获得所需大小的图像，您有这两种选择，请记住在浏览器中调整图像大小会导致性能问题。