使用CSS让元素尺寸缩小时保持宽高比例一致

CSS中有一个属性padding对元素宽度存在依存关系。如果一个元素的 padding属性以百分比形式表示，padding 的大小是以该元素自身宽度为参照的。

若想要元素尺寸变化时，宽高比例不变，可以将height 设为0，padding 撑开盒子高度，达到宽高比例不变的效果。

代码如下：

 

转载于:https://www.cnblogs.com/momo798/p/9555506.html