iT邦幫忙

0

react build出的檔案在ie開就會亂掉 -ms-grid問題

  • 分享至 

  • xImage

之前做的react的頁面基本完成,但有部份頁面有用到grid,而這個屬性在我build之後好像就會自動補上兼容的寫法-ms-grid,而主管之前有要求需要向下兼容到ie11,所以我就用ie11開始測試,然後就出現了這樣的問題
https://ithelp.ithome.com.tw/upload/images/20210507/201318262uwy5o0EBG.jpg

紅圈部份有多個表格重疊在一起,而下面橘圈的部份可以看到是有用到-ms-grid,而如果我把-ms-grid給砍掉的話,表格又會變成正常的了,其他頁面有部份也有用到這個屬性,但出問題的只有這裡
想請問一下:
1.我是應該去改build的參數,讓它不會autoPrefixer出兼容的grid屬性?還是可以通過什麼方式讓頁面在ie11上運行正常?
2.另外就是關於在ie11上跨域抓資料的部份,之前在brave或者chrome上遇到跨域問題,後端已經有加入相應參數去允許,所以都運行正常了,但ie11上卻依然會出現:
"要求標頭 content-type 不存在於 Access-Control-Allow-Headers 清單中。"
這樣的報錯,並且抓不到資料,這是還需要再加上其他的參數才能解決的嗎?

先感謝各位了

看更多先前的討論...收起先前的討論...
我都已經在自己的網站上標註不再支援IE
為了IE不支援W3C CSS,還要做另一套處理,我完全放棄
用GOOGLE CHROME、EDGE、SAFARI、FIREFOX、OPERA....都好,就不支援IE

請聽許茹芸20幾年前的世紀大預言,淚海,歌曲開場第一句就說明了一切
wrxue iT邦好手 1 級 ‧ 2021-05-07 15:13:50 檢舉
這梗....讚
froce iT邦大師 1 級 ‧ 2021-05-07 15:29:39 檢舉
ie...grid你敢用?flex我都不太敢用了。

https://github.com/postcss/autoprefixer#does-autoprefixer-polyfill-grid-layout-for-ie

可能要加polyfill,但我沒加過,你自己加油。
froce iT邦大師 1 級 ‧ 2021-05-07 15:32:57 檢舉
> 我都已經在自己的網站上標註不再支援IE

我都直接一個關不掉的modal說你不准用ie。XD
不過有時還是不得不支援ie啦。
為了flash不能用的問題,我們公司一個很久不見有人上去看的網站,整個打掉外包重練,有什麼辦法,99%的人上去都打不開,只有XP+IE打的開,就為了這1%的人?還是非打掉重練~
咖咖拉 iT邦好手 1 級 ‧ 2021-05-07 16:46:15 檢舉
IE 放生了拉
grid也先別用 目前還沒到很相容
主要這是上頭提出的規格...還不到可以提出意見的層級...而且這個頁面是附加在產品裡的,而國外好像確實還有地方是用ie再開...,如果不加-ms-grid的話還是可以正常顯示的,研究了一下打算從postcss裡面的autoprefixer部份去做調整,應該讓他不做前綴的編譯就可以了,謝謝各位~
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友回答

立即登入回答