为了达到更好的效果再配合cover和center
很简单,利用table的自适应的属性即可。最外层定义一个dispaly:table就好,如果要宽度到左右两边,高度自适应的话,可以这样设置,代码如下:
.ctn {width:100%display:table}由于margin, padding 的百分比数值是相对父元素的宽度计算的,只需将元素垂直方向的一个padding值设定为与width的一定比例就可以了。比如正方形:
未完待续
为了达到更好的效果再配合cover和center
很简单,利用table的自适应的属性即可。最外层定义一个dispaly:table就好,如果要宽度到左右两边,高度自适应的话,可以这样设置,代码如下:
.ctn {width:100%display:table}由于margin, padding 的百分比数值是相对父元素的宽度计算的,只需将元素垂直方向的一个padding值设定为与width的一定比例就可以了。比如正方形:
未完待续