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局独鹿鸣泽
  • 热门搜索
    关于孝的手抄报 厉行节约手抄报 手抄报边框简笔画 抗击疫情的手抄报 高中生手抄报 关于英雄的手抄报 诗海拾贝手抄报 春节手抄报资料 保护野生动物手抄报 春节手抄报字少又漂亮