解决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 相关文章推荐
javascript 写类方式之一
Jul 05 Javascript
js中的前绑定和后绑定详解
Aug 01 Javascript
实现只能输入数字的input不用replace方法
Sep 12 Javascript
js动态修改整个页面样式达到换肤效果
May 23 Javascript
jQuery中nextAll()方法用法实例
Jan 07 Javascript
jQuery实现TAB选项卡切换特效简单演示
Mar 04 Javascript
WEB前端实现裁剪上传图片功能
Oct 17 Javascript
引入JavaScript时alert弹出框显示中文乱码问题
Sep 16 Javascript
vue.js的computed,filter,get,set的用法及区别详解
Mar 08 Javascript
VueCli3.0中集成MockApi的方法示例
Jul 05 Javascript
Vue watch响应数据实现方法解析
Jul 10 Javascript
vue抽出组件并传值实例
Jul 31 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
PHP调用Twitter的RSS的实现代码
2010/03/10 PHP
PHP+MYSQL会员系统的登陆即权限判断实现代码
2011/09/23 PHP
php生成0~1随机小数的方法(必看)
2017/04/05 PHP
PHP实现获取第一个中文首字母并进行排序的方法
2017/05/09 PHP
js获取URL的参数的方法(getQueryString)示例
2013/09/29 Javascript
javascript获取select的当前值示例代码(兼容IE/Firefox/Opera/Chrome)
2013/12/17 Javascript
Nodejs极简入门教程(三):进程
2014/10/27 NodeJs
javascript制作游戏开发碰撞检测的封装代码
2015/03/31 Javascript
javascript+canvas实现刮刮卡抽奖效果
2015/07/29 Javascript
JavaScript使用键盘输入控制实现数字验证功能
2016/08/19 Javascript
AngularJS中关于ng-class指令的几种实现方式详解
2016/09/17 Javascript
微信小程序 实例应用(记账)详解
2016/09/28 Javascript
判断数组的最佳方法(推荐)
2016/10/11 Javascript
ajax 提交数据到后台jsp页面及页面跳转问题
2017/01/19 Javascript
简单实现js放大镜效果
2017/07/24 Javascript
10个最优秀的Node.js MVC框架
2017/08/24 Javascript
View.post() 不靠谱的地方你知道多少
2017/08/29 Javascript
JavaScript对象拷贝与赋值操作实例分析
2018/12/10 Javascript
Vue递归组件+Vuex开发树形组件Tree--递归组件的简单实现
2019/04/01 Javascript
js中!和!!的区别与用法
2020/05/09 Javascript
js实现mp3录音通过websocket实时传送+简易波形图效果
2020/06/12 Javascript
[02:08:58]2014 DOTA2国际邀请赛中国区预选赛 Ne VS CIS
2014/05/22 DOTA
[02:33]2018 DOTA2亚洲邀请赛回顾视频 再次拾起那些美妙的时刻
2018/04/10 DOTA
Python 快速实现CLI 应用程序的脚手架
2017/12/05 Python
Python通过调用有道翻译api实现翻译功能示例
2018/07/19 Python
python移位运算的实现
2019/07/15 Python
台湾SHOPRO购物行家:亚洲首创影视.3C.家电.优质购物平台
2018/05/07 全球购物
医学院学生求职简历的自我评价
2013/10/24 职场文书
《长城》教学反思
2014/02/14 职场文书
航空学院求职信
2014/06/11 职场文书
农村党建工作汇报材料
2014/10/27 职场文书
研究生个人学年总结
2015/02/14 职场文书
React forwardRef的使用方法及注意点
2021/06/13 Javascript
SQL 聚合、分组和排序
2021/11/11 MySQL
根德5570型九灯四波段立体声收音机是电子管收音机的楷模 ? 再论5570
2022/04/05 无线电
vscode内网访问服务器的方法
2022/06/28 Servers