js相容性處理babel的使用
執行前 es6 寫法
,// 指定相容瀏覽器版本範圍
targets:}]
]}}]
},plugins:
[new
htmlwebpackplugin()
,], devserver:
}它把所有的相容性的**全部引入，體積太大
babel-loader @babel/core @babel/preset-env core-js (引入過就不需要重新引入)
引入 @babel/polyfill
執行指令 webpack
相容性處理後結果如下
HTML相容性處理
注意 html 對ie7的hack 必須保證html頂部有如下宣告 二 萬能 float 閉合 關於 clear float 的原理可參見 how to clear floats without structural markup 將以下 加入global css 中,給需要閉合的div加上 cla...
JS相容性處理
正確情況 只有一行 只針對ie起作用，而且考慮了ie使用者自選渲染模式 怪癖模式 支援ie5 6 7 8 9及10。非ie彈出false，ie則彈出5到10版本值 script html 最短判斷是否ie的 if 1,else 經過測試 ie9 ie10彈出 非ie 實際編碼中，更多的將是採用 物件...
相容性（空格相容性）
在chrome與firefox下顯示的寬度不同，原因是兩個瀏覽器的預設字型不同，給html規定字型即可解決。下面有各種形式的空格，各有不同 不換行空格，按下空格鍵所產生的空格，受字型影響明顯 ensp 半形空格 em寬度的一半 乙個小寫字母的寬度 基本不受字型影響 emsp 全形空格 乙個em寬度 ...