CSS樣式兼容各主流瀏覽器

終於可以騰出時間好好整理一下我最近一段時間所遇到的難點問題
首先整理出一份css樣式可以在IE8下做到兼容

1.IE8下 display：flex 不生效，需要使用float：left

2.IE8下 li：nth-child() 不生效

3.在IE8下導出功能的接口傳中文參數出現亂碼情況
需求：做一個導出excle的功能
問題點：後端接收不到前端傳參，前端控制檯顯示傳的是亂碼，功能不生效，使用轉碼屬性也不生效會產生頁面樣式bug
解決：可以在傳參之間進行判斷 但這個方法需要你和後端一起進行判斷

// html
<div class="layui-form-item downloadBtn1">
        <img src="static/imgs/assets/download_ico.png" alt="" class="line_icon1">
        <a id="download_current">表單下載</a>
    </div>
// js
// 掉後端接口並傳參 傳參方式是 sx = ’getZglsqkBarDialongParams’ 參數是中文的形式
var getZglsqkBarDialongParams = ‘中文’
if（getZglsqkBarDialongParams === ‘護衛艦扽胡情況’）{ //後端也進行判斷 判斷方式與你進行反着判斷就ok了
	getZglsqkBarDialongParams = 1
}
var current_url = configApi.api.queryDialongExpExcelData + "?sx=" + getZglsqkBarDialongParams ;
 $('#download_current').attr('href',current_url); 

這裏順便說一下導出功能，我做的這個導出功能是用a標籤來識別的，主要功能後端來做，後端給你傳輸返回一個流那麼a標籤href屬性就可以識別當你點擊a標籤的時候也就自動下載了

目前遇到過的問題希望可以幫助大家！