相关疑难解决方法(0)

根据高度保持div的纵横比

我必须保持 div 的纵横比相对于窗口调整大小的高度.

使用:(Y X)相对于宽度(X%)我也能保持高宽比padding-bottom;padding-top;.

所以从类比来看,我尝试过使用 padding-left;

.wrapper{
   height: Y%,
   position: relative;
}

.wrapper:after{
   padding-left: Y(x/y)%;
   display:block;
}
Run Code Online (Sandbox Code Playgroud)

但百分比值padding-left不会给包装器带来任何宽度.

如何根据高度保持div的纵横比?

css aspect-ratio fluid-layout responsive-design

6
推荐指数
1
解决办法
1297
查看次数