CSS 已知元素宽度 和 宽高比例 如何设置高? aspect-ratio 可以按宽:高的比较计算
宽高比 已知 指定 任意个值可以对应自动按比例设置对应值
#a{ width: 100px; /*宽度已知*/ aspect-ratio: 1/2; /*宽:高=1:2,那么高度=200px*/ } #b{ height: 300px;/*高度已知*/ aspect-ratio: 3/2; /*宽:高=3:2,那么宽度=300*3/2=450px*/ }
宽高比 已知 指定 任意个值可以对应自动按比例设置对应值
#a{ width: 100px; /*宽度已知*/ aspect-ratio: 1/2; /*宽:高=1:2,那么高度=200px*/ } #b{ height: 300px;/*高度已知*/ aspect-ratio: 3/2; /*宽:高=3:2,那么宽度=300*3/2=450px*/ }