我如何创建一个流畅的图像,但我决定使用宽高比？ (比方说16：9)
我已经使它最大宽度：100％;但我不能改变纵横比.
我已经使它最大宽度：100％;但我不能改变纵横比.
注意：图像在大多数情况下具有不同的宽高比.
解决方法
您可以将图像包装在两个容器中.给一个容器高度：0和一个填充顶部,其中所需的百分比与图像的高度成比例,与宽度成比例.因此,对于宽度的50％的高度,使用填充顶部：50％和高度：0,如
here所解释的,将使高度与宽度成比例50％.
.wrapper {padding-top:50%;height:0;position:relative;}
在该容器内部,您可以使用以下样式放置另一个容器：
.inner{position:absolute;left:0;top:0;right:0;bottom:0;}
现在只需将图像放在内部容器中并给它宽度：100％和高度：100％
见小提琴：http://jsfiddle.net/henrikandersson/PREUD/1/(更新小提琴)
