CSS设置背景图宽度100%，高度自适应

html-css031

CSS设置背景图宽度100%，高度自适应,第1张

padding-top= (高度/宽度)*100%即图片的高度与宽度的比例,因此就能实现背景图宽度100%，高度自适应

为了达到更好的效果再配合cover和center

很简单，利用table的自适应的属性即可。最外层定义一个dispaly:table就好，如果要宽度到左右两边，高度自适应的话，可以这样设置，代码如下：

.ctn {width:100%display:table}