CSS中高度根据宽度自适应的方法

html-css013

CSS中高度根据宽度自适应的方法,第1张

由于margin, padding 的百分比数值是相对父元素的宽度计算的,只需将元素垂直方向的一个padding值设定为与width的一定比例就可以了。比如正方形:

未完待续

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

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