在工作中,有时会遇到一些场景。
例如某个图片的宽高比例是固定的,此时我们需要让这个图片按照它固定的比例来展示时。
有一个CSS属性
aspect-ratio
它的属性值是一个比值,例如
设置div宽高比为 3: 2
div {
aspect-ratio: 3/2;
}
并且该css属性的兼容性特别好,几乎市面上所有的浏览器,包括小程序都支持。
在工作中,有时会遇到一些场景。
例如某个图片的宽高比例是固定的,此时我们需要让这个图片按照它固定的比例来展示时。
有一个CSS属性
aspect-ratio
它的属性值是一个比值,例如
设置div宽高比为 3: 2
div {
aspect-ratio: 3/2;
}
并且该css属性的兼容性特别好,几乎市面上所有的浏览器,包括小程序都支持。