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

html-css013

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

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

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

css默认下有一个高度，然后根据内容的填充需要自动适应内容的css写法：

div{ min-height:400pxheight:auto}

设置最小高度，也就是固定的高度。

设置高度自适应。

以此类推也可以定义最大高度，高度自适应，当内容填充超过一定程度高度将不再增加。