解決layui-table單元格設(shè)置為百分比在ie8下不能自適應(yīng)的問(wèn)題
1.如果沒(méi)有采用響應(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時(shí)確保你的頁(yè)面使用了jQuery或者其他的js庫(kù),如果沒(méi)有selectivizr-min.js不會(huì)起作用。
以上這篇解決layui-table單元格設(shè)置為百分比在ie8下不能自適應(yīng)的問(wèn)題就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
在網(wǎng)頁(yè)中使用document.write時(shí)遭遇的奇怪問(wèn)題
很多時(shí)候我們都會(huì)在網(wǎng)頁(yè)上的JavaScript中使用document.write來(lái)寫(xiě)入一些東西,有的時(shí)候可能因?yàn)槲覀儫o(wú)法改變某一部分HTML而不得不使用這樣的辦法,也有的時(shí)候是因?yàn)樵谶M(jìn)行跨應(yīng)用的腳本調(diào)用。2010-08-08javascript中使用正則表達(dá)式清理table樣式的代碼
本文給大家講解的是使用javascript實(shí)現(xiàn)去除多余的TABLE的樣式,主要通過(guò)結(jié)合正則表達(dá)式來(lái)實(shí)現(xiàn),非常的簡(jiǎn)單實(shí)用,有需要的小伙伴可以參考下。2015-07-07微信小程序項(xiàng)目總結(jié)之記賬小程序功能的實(shí)現(xiàn)(包括后端)
這篇文章主要介紹了微信小程序項(xiàng)目總結(jié)之記賬小程序功能的實(shí)現(xiàn)方法(包括后端),需要的朋友可以參考下2019-08-08JS控制鼠標(biāo)拒絕點(diǎn)擊某一按鈕的實(shí)例
下面小編就為大家分享一篇JS控制鼠標(biāo)拒絕點(diǎn)擊某一按鈕的實(shí)例,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2017-12-12IE中直接運(yùn)行顯示當(dāng)前網(wǎng)頁(yè)中的圖片 推薦
IE中直接運(yùn)行顯示當(dāng)前網(wǎng)頁(yè)中的圖片 推薦...2006-08-08一次記住JavaScript的6個(gè)正則表達(dá)式方法
這篇文章主要介紹了一次記住JavaScript的6個(gè)正則表達(dá)式方法,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2018-02-02document.compatMode的CSS1compat使用介紹
這篇文章主要介紹了document.compatMode的CSS1compat使用,需要的朋友可以參考下2014-04-04