解决layui-table单元格设置为百分比在ie8下不能自适应的问题
更新时间：2019年09月28日 15:53:22 作者：violectyc
今天小编就为大家分享一篇解决layui-table单元格设置为百分比在ie8下不能自适应的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
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中使用document.write来写入一些东西，有的时候可能因为我们无法改变某一部分HTML而不得不使用这样的办法，也有的时候是因为在进行跨应用的脚本调用。2010-08-08
javascript中使用正则表达式清理table样式的代码
本文给大家讲解的是使用javascript实现去除多余的TABLE的样式，主要通过结合正则表达式来实现，非常的简单实用，有需要的小伙伴可以参考下。2015-07-07
这篇文章主要介绍了微信小程序项目总结之记账小程序功能的实现方法（包括后端）,需要的朋友可以参考下2019-08-08
这篇文章主要介绍了Visual Studio中JS调试的方法,需要的朋友可以参考下2014-06-06
这篇文章主要为大家详细介绍了js用类封装pop弹窗组件的方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-10-10
下面小编就为大家分享一篇JS控制鼠标拒绝点击某一按钮的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2017-12-12
IE中直接运行显示当前网页中的图片 推荐...2006-08-08
这篇文章主要介绍了一次记住JavaScript的6个正则表达式方法,非常不错，具有参考借鉴价值，需要的朋友可以参考下2018-02-02
创建弹出div窗口。2009-02-02
document.compatMode的CSS1compat使用介绍
这篇文章主要介绍了document.compatMode的CSS1compat使用,需要的朋友可以参考下2014-04-04
最新评论