解决layui-table单元格设置为百分比在ie8下不能自适应的问题


Posted in Javascript onSeptember 28, 2019

1.如果没有采用响应式布局,指定表格的宽度即可解决比如

table{
 width:1400px !important;
}

2.如果采用了响应式布局,使用media query查询不同分辨率下的table宽度,然后指定大小即可,在ie8下支持css3和响应式可以使用

selectivizr-min.js和respond.js。

代码如下

<script src="${LUI_ContextPath}/resource/js/jquery.js"></script> 
<script src="${LUI_ContextPath}/km/front/standard/plugin/ie8plugin/selectivizr-min.js">
 <script src="${LUI_ContextPath}/km/front/standard/plugin/ie8plugin/respond.js"></script>
@media screen and (min-width: 1570px) and (max-width: 1920px) {
 
 table{
  width:1400px !important;
 }
}

ps:使用了selectivizr-min.js时确保你的页面使用了jQuery或者其他的js库,如果没有selectivizr-min.js不会起作用。

以上这篇解决layui-table单元格设置为百分比在ie8下不能自适应的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jQuery 树形结构的选择器
Feb 15 Javascript
JavaScript中的property和attribute介绍
Dec 26 Javascript
js 触发select onchange事件代码
Mar 20 Javascript
jQuery获取select选中的option的value值实现方法
Aug 29 Javascript
Vue.js快速入门教程
Sep 07 Javascript
原生JS实现网络彩票投注效果
Sep 25 Javascript
如何使用headjs来管理和异步加载js
Nov 29 Javascript
从零开始搭建webpack+react开发环境的详细步骤
May 18 Javascript
在Create React App中使用CSS Modules的方法示例
Jan 15 Javascript
JavaScript实现的滚动公告特效【基于jQuery】
Jul 10 jQuery
VUE.js实现动态设置输入框disabled属性
Oct 28 Javascript
vue 动态创建组件的两种方法
Dec 31 Vue.js
layui table 列宽百分比显示的实现方法
Sep 28 #Javascript
解决layui批量传值到后台操作时出现传值为空的问题
Sep 28 #Javascript
JavaScript实现轮播图效果代码实例
Sep 28 #Javascript
json字符串对象转换代码实例
Sep 28 #Javascript
javascript头像上传代码实例
Sep 28 #Javascript
解决layui laydate 时间控件一闪而过的问题
Sep 28 #Javascript
JavaScript生成随机验证码代码实例
Sep 28 #Javascript
You might like
PHP常用技巧汇总
2016/03/04 PHP
php关闭warning问题的解决方法
2016/05/17 PHP
自制基于jQuery的智能提示插件一枚
2011/02/18 Javascript
浅析js封装和作用域
2013/07/09 Javascript
jQuery中选择器小问题(新人难免遇到)
2014/03/31 Javascript
基于豆瓣API+Angular开发的web App
2015/01/02 Javascript
jQuery实现二级下拉菜单效果
2016/01/05 Javascript
vue2 中如何实现动态表单增删改查实例
2017/06/09 Javascript
vue ssr 实现方式(学习笔记)
2019/01/18 Javascript
js模拟实现百度搜索
2020/06/28 Javascript
[40:06]DOTA2亚洲邀请赛 4.3 突围赛 Liquid vs VGJ.T 第一场
2018/04/04 DOTA
pymssql数据库操作MSSQL2005实例分析
2015/05/25 Python
Python数据结构与算法之图的最短路径(Dijkstra算法)完整实例
2017/12/12 Python
flask-socketio实现WebSocket的方法
2018/07/31 Python
Python生命游戏实现原理及过程解析(附源代码)
2019/08/01 Python
Python中 Global和Nonlocal的用法详解
2020/01/20 Python
python3实现往mysql中插入datetime类型的数据
2020/03/02 Python
Python3如何判断三角形的类型
2020/04/12 Python
python numpy矩阵信息说明,shape,size,dtype
2020/05/22 Python
Django:使用filter的pk进行多值查询操作
2020/07/15 Python
Python爬虫新手入门之初学lxml库
2020/12/20 Python
python中温度单位转换的实例方法
2020/12/27 Python
html5 canvas手势解锁源码分享
2020/01/07 HTML / CSS
中东地区最大的奢侈品市场:The Luxury Closet
2019/04/09 全球购物
将"引用"作为函数参数有哪些特点
2013/04/05 面试题
应届大学生自荐信
2013/12/05 职场文书
打架检讨书800字
2014/01/10 职场文书
2014年国庆节寄语
2014/09/19 职场文书
全国法院系统开展党的群众路线教育实践活动综述(全文)
2014/10/25 职场文书
新员工辞职信范文
2015/05/12 职场文书
小学运动会入场词
2015/07/18 职场文书
2016学校先进党组织事迹材料
2016/02/29 职场文书
创业计划书之蛋糕店
2019/08/29 职场文书
Django模型层实现多表关系创建和多表操作
2021/07/21 Python
SSM项目使用拦截器实现登录验证功能
2022/01/22 Java/Android
vue实现可以快进后退的跑马灯组件
2022/04/08 Vue.js