full插件的内容盒子自适应如何设置

2025-04-18 07:43:06

1、随着屏幕的大小改变而自动改变宽度,但是也存在一个问题,那就是盒子的高度是由盒子的内容决定的,如果铜择珏觑盒子里的内容不一样,会导致盒子的高度不一致,这样会使界面不太美观,并且可能会影响后面的盒子。

full插件的内容盒子自适应如何设置

2、然而,我想要的是一排盒子的高度一致,如果把盒子高度固定住

full插件的内容盒子自适应如何设置

3、比如:height:500px;会导致屏幕大小变化时,盒子高度没有随着宽的改变而改变,所以我找到了另一个方法:

full插件的内容盒子自适应如何设置

4、把盒子的高度设为0,利用padding撑起高度:

full插件的内容盒子自适应如何设置

5、如上所示,如果把下padding设为200%,那么无论宽度如何变化,宽和高的比都是1:2,这样你就可以随自己需要设置宽和高的比例了,是不是觉得很方便呢。终于得到我想要的结果了。

full插件的内容盒子自适应如何设置
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢