利用padding百分比,继承父级元素宽度,实现元素宽高比例缩放
我们可以使用 padding-bottom 来代替 height 来实现高度与宽度成比例的效果。因为 item 元素的宽度是其父元素宽度的 21%,所以我们将 padding-bottom 设置为它的 1.618 倍,即 33.98%。同时将其 height 设置为 0 以使元素的“高度”等于 padding-bottom 的值,从而实现需要的效果。
最后 item 元素的 CSS 样式为:
.i...
原创
2018-12-13 14:43:10 ·
857 阅读 ·
0 评论