解决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 ajax执行顺序 返回自定义错误信息(实例讲解)
Nov 06 Javascript
jquery map方法使用示例
Apr 23 Javascript
让人蛋疼的JavaScript语法特性
Sep 30 Javascript
JavaScript获取网页中第一个图片id的方法
Apr 03 Javascript
js电话号码验证方法
Sep 28 Javascript
跟我学习javascript的arguments对象
Nov 16 Javascript
jQuery Plupload上传插件的使用
Apr 19 jQuery
JavaScript之map reduce_动力节点Java学院整理
Jun 29 Javascript
bootstrap table插件的分页与checkbox使用详解
Jul 23 Javascript
webpack公共组件引用路径简化小技巧
Jun 15 Javascript
JavaScript实现创建自定义对象的常用方式总结
Jul 09 Javascript
简述vue-cli中chainWebpack的使用方法
Jul 30 Javascript
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
牡丹941资料
2021/03/01 无线电
快速配置PHPMyAdmin方法
2008/06/05 PHP
PHP查询数据库中满足条件的记录条数(两种实现方法)
2013/01/29 PHP
YII动态模型(动态表名)支持分析
2016/03/29 PHP
Laravel手动分页实现方法详解
2016/10/09 PHP
php设计模式之模板模式实例分析【星际争霸游戏案例】
2020/03/24 PHP
常用简易JavaScript函数
2009/04/09 Javascript
原创javascript小游戏实现代码
2010/08/19 Javascript
js编码、解码函数介绍及其使用示例
2013/09/05 Javascript
jQuery向后台传入json格式数据的方法
2015/02/13 Javascript
详解JavaScript中setSeconds()方法的使用
2015/06/11 Javascript
基于JavaScript实现弹出框效果
2016/02/19 Javascript
浅析JavaScript函数的调用模式
2016/08/10 Javascript
js获取地址栏中传递的参数(两种方法)
2017/02/08 Javascript
jquery实现下拉框左右选择功能
2017/02/21 Javascript
EasyUI为Numberbox添加blur事件的方法
2017/03/05 Javascript
深入浅析ES6 Class 中的 super 关键字
2017/10/20 Javascript
重学JS之显示强制类型转换详解
2019/06/30 Javascript
Vue实现将数据库中带html标签的内容输出(原始HTML(Raw HTML))
2019/10/28 Javascript
vuex actions异步修改状态的实例详解
2019/11/06 Javascript
javascript 设计模式之享元模式原理与应用详解
2020/04/08 Javascript
详尽讲述用Python的Django框架测试驱动开发的教程
2015/04/22 Python
python使用arp欺骗伪造网关的方法
2015/04/24 Python
Python变量和数据类型详解
2017/02/15 Python
对python创建及引用动态变量名的示例讲解
2018/11/10 Python
python3 实现的对象与json相互转换操作示例
2019/08/17 Python
深入了解如何基于Python读写Kafka
2019/12/31 Python
Radley英国官网:英国莱德利小狗包
2019/03/21 全球购物
建筑设计专业求职自我评价
2014/03/02 职场文书
小学学校门卫岗位职责
2014/08/03 职场文书
2014年师德师风自我剖析材料
2014/09/27 职场文书
汽车机电维修工求职信
2014/09/30 职场文书
违纪开除通知书
2015/04/25 职场文书
婚礼迎宾词大全
2015/08/10 职场文书
2016国培学习心得体会
2016/01/08 职场文书
golang fmt格式“占位符”的实例用法详解
2021/07/04 Golang