layui响应式布局让div元素高度和宽度等值变化

 时间:2024-10-13 07:53:49

1、打开layui官网,下载layui前端框架代码

layui响应式布局让div元素高度和宽度等值变化

2、将下载的layui文件中js文件和css文件引入工程中,并将jQury文件引入工程中

layui响应式布局让div元素高度和宽度等值变化

3、引入layui js文件和css文件后,编写HTML代码

layui响应式布局让div元素高度和宽度等值变化

4、在HTML中用layui分配一行,在这一行内分配三个div,这三个div分别占2份

layui响应式布局让div元素高度和宽度等值变化

5、通过css修饰这个三个div的背景颜色

layui响应式布局让div元素高度和宽度等值变化

6、打开Goole浏览器查看效果

layui响应式布局让div元素高度和宽度等值变化

7、默认情况下,layui框架中响应式布局元素是没有高度的,只有Padding值,所以要想有高度,就得设置高度,并让高度随着宽度变化而变化

layui响应式布局让div元素高度和宽度等值变化

8、在Goole浏览器刷新页面效果如下,高度和宽度值相等

layui响应式布局让div元素高度和宽度等值变化
  • 全民奇迹2能量溢出地的位置
  • 中国象棋残局《适情雅趣》:第032局士马如云
  • 太荒初境烈天怎么获得
  • 黑色沙漠手游贝尔村庄的主要收知识位置在哪
  • 中国象棋残局《适情雅趣》:第014局独鹿鸣泽
  • 热门搜索
    宁夏理工学院怎么样 怎么自己做游戏 读书小报怎么写 衣服褪色怎么办 我的世界粘液球怎么得 先进事迹怎么写 出虚汗是怎么回事 cad怎么下载 小米怎么解锁 经络不通怎么办