html上实现div按照宽高比自适应
2024-05-05 05:48:46

html 上实现 div 按照宽高比自适应

原理很简单,padding 的百分比是根据宽度作为百分比自动设置的,所以容器上使用

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

.container {

height: 0;

padding-top: 114%;

.data {

width: 100%;

height: 100%;

}

}

就可以了