调整图像响应大小 - 有一个div和内部我有动态图像

时间:2015-03-03 10:13:30

标签: css image responsive-design image-resizing dimensions

我有一个1184x308px的div,里面有动态图像标志(垂直和水平)。如何在不拉伸的情况下对图像进行填充?

1 个答案:

答案 0 :(得分:0)

如果您的图像不够大,无法填充空间,那么您不能只使用width: 100% height: auto;的css样式而不会拉伸它。您可以使用一个选项在正确的屏幕尺寸上投放正确的图片,但使用的是srcset但不太受支持,您可能希望使用picturefill

要在它上面使用srcset,你可以使用它:

<img src="small.jpg" srcset="medium.jpg 1000w, large.jpg 2000w" alt="dynamics">

这可能有点棘手,但srcset上的快速谷歌可以帮助你或this is good info