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

.bg{ width: 100%; background: url('./74123.jpg') no-repeat; padding-top: 40%; /*background-size: 100% auto; height: 0px;*/ background-size:cover; background-position:center; }

padding-top= (高度/宽度)*100%;即图片的高度与宽度的比例,因此就能实现背景图宽度100%,高度自适应
为了达到更好的效果再配合cover和center


CSS设置背景图宽度100%,高度自适应_第1张图片
bgbg.png

你可能感兴趣的:(CSS设置背景图宽度100%,高度自适应)