關於瀏覽器相容

2021-08-21 19:03:25 字數 608 閱讀 6141

1html相容

—新型的網際網路產品通常對瀏覽器版本沒什麼特殊限制,可以採用最新的h5開發:比如語義化標籤section,header,footer

—表單中簡單的驗證也可以用type=『email』 『num』 『telphone』

—傳統行業通常電腦比較老,用的瀏覽器版本低,所以不能盡量避免用h5

2css相容

—css3比如animate,transfrom避免使用

—清除float,bootstrap中的clearfloat不起作用,需要自己手寫清除float

—ie9中flexbox會失效,大布局使用position會相容性比較好

—使用less更便於元件樣式的訂製和管理

—less中轉換問題background 屬性值中 0 0 / 0 0寫成 0 0 e(『/』) 0 0

3js相容

—對於較低版本的瀏覽器,使用jquery版本不超過2,個人習慣使用1.11.3,

—設定disabled,checked屬性值時用prop不用attr更保險

—不要使用不常用事件處理比如:focusin focusout 在部分瀏覽器上會出現問題

比如 win7上的ie9

關於瀏覽器相容

對於初入職場小白的我,前端在工作中不可避免的要與各種瀏覽器打交道,下面是我在工作中遇到的問題總結 做個記錄 1.關於flex布局 flex布局的強大毋庸置疑,不論是pc端還是手機移動端對它的支援都非常安美,但是 但是來了,說明還是有限制滴!flex對於其他核心的瀏覽器貌似還可以,偏偏對ie情有獨鍾 ...

瀏覽器相容

瀏覽器相容問題一 不同瀏覽器的標籤預設的外補丁和內補丁不同 問題症狀 隨便寫幾個標籤,不加樣式控制的情況下,各自的margin 和padding差異較大。碰到頻率 100 解決方案 css裡 備註 這個是最常見的也是最易解決的乙個瀏覽器相容性問題,幾乎所有的css檔案開頭都會用萬用字元 來設定各個標...

瀏覽器相容

1 css bug css樣式在各瀏覽器中解析不一致的情況,或者說 css樣式在瀏覽器中不能正確顯示的問題稱為 css bug.2 css hack css中,hack 是指一種相容 css在不同瀏覽器中正確顯示的技巧方法,因為它們都屬於個人對 css 的非官方的修改,或非官方的。有些人更喜歡使用 ...