解决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 相关文章推荐
JS控制文本框textarea输入字数限制的方法
Jun 17 Javascript
ExtJS如何设置与获取radio控件的选取状态
Jan 22 Javascript
jQuery性能优化的38个建议
Mar 04 Javascript
jsPDF导出pdf示例
May 02 Javascript
js获取url中&quot;?&quot;后面的字串方法
May 15 Javascript
超赞的动手创建JavaScript框架的详细教程
Jun 30 Javascript
jQuery简单实现仿京东商城的左侧菜单效果代码
Sep 09 Javascript
AngularJS指令与控制器之间的交互功能示例
Dec 14 Javascript
js 原型对象和原型链理解
Feb 09 Javascript
vue axios用法教程详解
Jul 23 Javascript
详解利用 Vue.js 实现前后端分离的RBAC角色权限管理
Sep 15 Javascript
jQuery实现获取选中复选框的值实例详解
Jun 28 jQuery
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
第1次亲密接触PHP5(2)
2006/10/09 PHP
PHP中register_shutdown_function函数的基础介绍与用法详解
2017/11/28 PHP
php实现生成带二维码图片并强制下载功能
2018/02/24 PHP
基于php数组中的索引数组和关联数组详解
2018/03/12 PHP
JavaScript 处理Iframe自适应高度(同或不同域名下)
2013/03/29 Javascript
Extjs4实现两个GridPanel之间数据拖拽功能具体方法
2013/11/21 Javascript
js打开新窗口方法整理
2014/02/17 Javascript
jquery 页眉单行信息滚动显示实现思路及代码
2014/06/26 Javascript
javascript 回调函数详解
2014/11/11 Javascript
jQuery实现的输入框选择时间插件用法实例
2015/02/28 Javascript
Javascript数据结构与算法之列表详解
2015/03/12 Javascript
javascript实现图片自动和可控的轮播切换特效
2015/04/13 Javascript
JQuery中clone方法复制节点
2015/05/18 Javascript
纯js实现瀑布流布局及ajax动态新增数据
2016/04/07 Javascript
jQuery flip插件实现的翻牌效果示例【附demo源码下载】
2016/09/20 Javascript
JavaScript 深层克隆对象详解及实例
2016/11/03 Javascript
详解vue项目的构建,打包,发布全过程
2017/11/23 Javascript
vue与bootstrap实现简单用户信息添加删除功能
2019/02/15 Javascript
使用Webpack提升Vue.js应用程序的4种方法(翻译)
2019/10/09 Javascript
vue路由切换之淡入淡出的简单实现
2019/10/31 Javascript
如何高效使用Python字典的方法详解
2017/08/31 Python
python单例模式获取IP代理的方法详解
2018/09/13 Python
python requests爬取高德地图数据的实例
2018/11/10 Python
解决python给列表里添加字典时被最后一个覆盖的问题
2019/01/21 Python
Django框架首页和登录页分离操作示例
2019/05/28 Python
浅谈Django QuerySet对象(模型.objects)的常用方法
2020/03/28 Python
改变 Python 中线程执行顺序的方法
2020/09/24 Python
浅析Python 中的 WSGI 接口和 WSGI 服务的运行
2020/12/09 Python
html5中 media(播放器)的api使用指南
2014/12/26 HTML / CSS
详解HTML5中div和section以及article的区别
2015/07/14 HTML / CSS
Move Free官方海外旗舰店:美国骨关节健康专业品牌
2017/12/06 全球购物
汽车维修与检测专业应届生求职信
2013/11/12 职场文书
初中三好学生事迹材料
2014/01/13 职场文书
涉及车辆房产分割的离婚协议书范文
2014/10/12 职场文书
2015年学校消防安全工作总结
2015/10/14 职场文书
Nginx的rewrite模块详解
2021/03/31 Servers