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

html-css07

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

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

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

给图片固定的宽和高。那么不管他什么尺寸，都会按设置的这个尺寸来显示。

<div id="div"><img src="*******.jpg" width="100" border=1 height="150" ></div> #div {height: 100pxtext-align: centervertical-align: middleline-height: 100pxborder:1 solid red}

img {vertical-align: middleline-height: 100px}