解決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下不能自適應的問題就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
SOSO地圖想必大家都知道吧，本文將為大家詳細介紹下使用JS畫出標注和中心點,直接貼出代碼，感興趣的朋友可以參考下2013-08-08
這篇文章主要源碼解讀了Bootstrap媒體對象、列表組和面板,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
這篇文章主要介紹了JS使用cookie保存用戶登錄信息操作,結合具體實例形式分析了javascript使用cookie實現(xiàn)針對用戶信息的存儲與讀取相關操作技巧,需要的朋友可以參考下2019-05-05
JS根據(jù)json數(shù)組多個字段排序及json數(shù)組常用操作
這篇文章主要介紹了js根據(jù)json數(shù)組多個字段排序及json數(shù)組常用操作，本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值 ,需要的朋友可以參考下2019-06-06
微信小程序云函數(shù)使用mysql數(shù)據(jù)庫過程詳解
這篇文章主要介紹了微信小程序云函數(shù)使用mysql數(shù)據(jù)庫過程詳解,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2019-08-08
才發(fā)現(xiàn)的超鏈接js導致網頁中GIF動畫停止的解決方法
才發(fā)現(xiàn)的超鏈接js導致網頁中GIF動畫停止的解決方法...2007-11-11
js正則表達式最長匹配(貪婪匹配)和最短匹配(懶惰匹配)用法分析
這篇文章主要介紹了js正則表達式最長匹配(貪婪匹配)和最短匹配(懶惰匹配)用法,結合實例形式分析了貪婪匹配與懶惰匹配的具體用法與相關注意事項,需要的朋友可以參考下2016-12-12
這篇文章主要介紹了如何在TypeScript中處理日期字符串，主要通過輸入日期字符串來改善開發(fā)者的體驗并減少潛在的錯誤，下文實現(xiàn)操作的分享需要的小伙伴可以參考一下2022-04-04
詳解bootstrap的modal-remote兩種加載方式【強化】
本篇文章主要介紹了詳解bootstrap的modal-remote兩種加載方式【強化】，具有一定的參考價值，有興趣的可以了解一下。2017-01-01
下面小編就為大家?guī)硪黄肑S提交表單的幾種方法和驗證(必看篇)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-09-09