解決layui-table單元格設(shè)置為百分比在ie8下不能自適應(yīng)的問題
更新時間：2019年09月28日 15:53:22 作者：violectyc
今天小編就為大家分享一篇解決layui-table單元格設(shè)置為百分比在ie8下不能自適應(yīng)的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
1.如果沒有采用響應(yīng)式布局，指定表格的寬度即可解決比如
table{
width:1400px !important;
}
2.如果采用了響應(yīng)式布局,使用media query查詢不同分辨率下的table寬度，然后指定大小即可，在ie8下支持css3和響應(yīng)式可以使用
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單元格設(shè)置為百分比在ie8下不能自適應(yīng)的問題就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
SOSO地圖想必大家都知道吧，本文將為大家詳細介紹下使用JS畫出標注和中心點,直接貼出代碼，感興趣的朋友可以參考下2013-08-08
這篇文章主要源碼解讀了Bootstrap媒體對象、列表組和面板,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
這篇文章主要介紹了JS使用cookie保存用戶登錄信息操作,結(jié)合具體實例形式分析了javascript使用cookie實現(xiàn)針對用戶信息的存儲與讀取相關(guā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導(dǎo)致網(wǎng)頁中GIF動畫停止的解決方法
才發(fā)現(xiàn)的超鏈接js導(dǎo)致網(wǎng)頁中GIF動畫停止的解決方法...2007-11-11
js正則表達式最長匹配(貪婪匹配)和最短匹配(懶惰匹配)用法分析
這篇文章主要介紹了js正則表達式最長匹配(貪婪匹配)和最短匹配(懶惰匹配)用法,結(jié)合實例形式分析了貪婪匹配與懶惰匹配的具體用法與相關(guān)注意事項,需要的朋友可以參考下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