解決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)文章
在網(wǎng)頁中使用document.write時遭遇的奇怪問題
很多時候我們都會在網(wǎng)頁上的JavaScript中使用document.write來寫入一些東西,有的時候可能因為我們無法改變某一部分HTML而不得不使用這樣的辦法,也有的時候是因為在進(jìn)行跨應(yīng)用的腳本調(diào)用。2010-08-08javascript中使用正則表達(dá)式清理table樣式的代碼
本文給大家講解的是使用javascript實現(xiàn)去除多余的TABLE的樣式,主要通過結(jié)合正則表達(dá)式來實現(xiàn),非常的簡單實用,有需要的小伙伴可以參考下。2015-07-07微信小程序項目總結(jié)之記賬小程序功能的實現(xiàn)(包括后端)
這篇文章主要介紹了微信小程序項目總結(jié)之記賬小程序功能的實現(xiàn)方法(包括后端),需要的朋友可以參考下2019-08-08IE中直接運行顯示當(dāng)前網(wǎng)頁中的圖片 推薦
IE中直接運行顯示當(dāng)前網(wǎng)頁中的圖片 推薦...2006-08-08document.compatMode的CSS1compat使用介紹
這篇文章主要介紹了document.compatMode的CSS1compat使用,需要的朋友可以參考下2014-04-04