解决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 remove 自定义数组删除方法
Oct 20 Javascript
js下用gb2312编码解码实现方法
Dec 31 Javascript
15条JavaScript最佳实践小结
Aug 09 Javascript
获取阴历(农历)和当前日期的js代码
Feb 15 Javascript
深入理解jQuery之事件移除
Jun 02 Javascript
DOM 事件的深入浅出(一)
Dec 05 Javascript
vue.js移动端tab组件的封装实践实例
Jun 30 Javascript
基于Vue框架vux组件库实现上拉刷新功能
Nov 28 Javascript
webpack多入口文件页面打包配置详解
Jan 09 Javascript
微信小程序实现点赞、取消点赞功能
Nov 02 Javascript
js页面加载后执行的几种方式小结
Jan 30 Javascript
vuex的使用和简易实现
Jan 07 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 fwrite写入txt文件的时候用 \r\n不能换行的问题
2013/08/06 PHP
详解WordPress中创建和添加过滤器的相关PHP函数
2015/12/29 PHP
php解决约瑟夫环算法实例分析
2019/09/30 PHP
用JavaScript调用WebService的示例
2008/04/07 Javascript
window.addEventListener来解决让一个js事件执行多个函数
2012/12/26 Javascript
JS声明变量背后的编译原理剖析
2012/12/28 Javascript
jquery动态增加删除表格行的小例子
2013/11/14 Javascript
Javascript实现Array和String互转换的方法
2015/12/21 Javascript
JavaScript File分段上传
2016/03/10 Javascript
Vue filter介绍及其使用详解
2017/10/21 Javascript
详解vue-cli 快速搭建单页应用之遇到的问题及解决办法
2018/03/01 Javascript
使用JavaScript中的lodash编写双色球效果
2018/06/24 Javascript
Vue SPA单页应用首屏优化实践
2018/06/28 Javascript
微信小程序--特定区域滚动到顶部时固定的方法
2019/04/28 Javascript
layui 中select下拉change事件失效的解决方法
2019/09/20 Javascript
Vue 中 template 有且只能一个 root的原因解析(源码分析)
2020/04/11 Javascript
Vue仿Bibibili首页的问题
2021/01/21 Vue.js
详解Python中列表和元祖的使用方法
2015/04/25 Python
python音频处理用到的操作的示例代码
2017/10/27 Python
利用python修改json文件的value方法
2018/12/31 Python
将python图片转为二进制文本的实例
2019/01/24 Python
Python如何使用队列方式实现多线程爬虫
2020/05/12 Python
keras和tensorflow使用fit_generator 批次训练操作
2020/07/03 Python
css3通过scale()、rotate()实现放大、旋转
2020/03/19 HTML / CSS
加拿大领先的优质厨具产品在线购物网站:Golda’s Kitchen
2017/11/17 全球购物
美国最大的存储市场:SpareFoot
2018/07/23 全球购物
美国隐形眼镜零售商:LensPure
2019/03/10 全球购物
瑞典多品牌连锁店:Johnells
2021/01/13 全球购物
Oracle性能调优原则
2012/05/03 面试题
会计专业毕业生自我评价
2013/09/25 职场文书
经销商会议欢迎词
2014/01/11 职场文书
机关门卫的岗位职责
2014/04/29 职场文书
酒店管理专业毕业生自我鉴定
2014/09/29 职场文书
群众路线教育实践活动学习笔记内容
2014/11/06 职场文书
2015年村级财务管理制度
2015/08/04 职场文书
2016年第十九届推普周活动总结
2016/04/06 职场文书