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

 时间:2024-10-14 02:55:59

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

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

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

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

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

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

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

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

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

full插件的内容盒子自适应如何设置
  • 痘痘总是反复长怎么办?
  • 送项判官颔联运用了什么手法
  • 帝国时代4怎么派遣村民耕作农田
  • 根号20在数轴上怎么画图
  • 男生头像设计
  • 热门搜索
    环境手抄报资料 夏洛的网手抄报 法律知识手抄报图片 化学手抄报版面设计 环境保护手抄报内容 迈好初中第一步手抄报 初一手抄报 地震手抄报内容 关于战争的手抄报 小学生反邪教手抄报