将图像显示到适当的部分

时间:2014-10-06 16:42:59

标签: html css html5 css3

嘿所以我有一个从S3流式传输的图像,该图像可以是从超小到巨大的任何大小。

我首先将风格设为自动,适用于微小图像,但大型风格过度填充Div

<img style="width:auto; height:auto">

然后我尝试只做100%的宽度并正确填充大图像,但较小的图像被拉伸到div的整个宽度

<img style="width:100%">

是否有正确的方法可以将大图像缩放到div的大小,但是可以正常显示较小的图像?

@dippas有正确的解决方案

<img style="max-width:100%; width:auto">

1 个答案:

答案 0 :(得分:1)

使用max-width而不是width&gt;&gt;&gt;最大宽度:100%

   <img style="max-width:100%">