layui响应式布局让div元素高度和宽度等值变化
来源:网络收集 点击: 时间:2024-05-28【导读】:
layui响应式布局让div元素高度和宽度等值变化实现响应式画面品牌型号:visual studio code代码编辑器 版本1.53.2系统版本:Goole浏览器 版本 85.0.4183.121(正式版本) (64 位)方法/步骤1/8分步阅读
2/8
3/8
4/8
5/8
6/8
7/8
8/8
打开layui官网,下载layui前端框架代码

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

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

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

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

打开Goole浏览器查看效果

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

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

版权声明:
1、本文系转载,版权归原作者所有,旨在传递信息,不代表看本站的观点和立场。
2、本站仅提供信息发布平台,不承担相关法律责任。
3、若侵犯您的版权或隐私,请联系本站管理员删除。
4、文章链接:http://www.1haoku.cn/art_848053.html
上一篇:华为手表怎么调游泳模式
下一篇:微信自动群发软件