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

html-css05

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

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

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

既要宽度100%，又要不变形，这两个条件决定了图片的高度不能另外设置，只能跟随宽度的变化而变化，这样就无法保证完全覆盖剩余区域。除非把条件改为：当图片的宽高比大于区域的宽高比，则图片的高度100%，宽度超出区域的部分允许突出在区域外面；反之，则宽度100%，高度超出区域的部分允许突出在区域外面。是这个意思吗？