遇到的瀏覽器相容性問題

2021-08-09 04:58:58 字數 952 閱讀 7717

1,在清除浮動時,使用after偽元素方法比較好,不用修改html**,css中的:after可以父容器的尾部生成乙個子元素,這樣就可以直接在偽元素中新增clear:both來清除浮動了,例如(content :「 」 是指在結尾建立乙個空白字元,也可以加上height:0使這個空白字元不顯示出來),clearfix是父元素的類名

.clearfix:after
但是:after在ie6中不支援,這改怎麼辦?

這是只需新增一條ie6獨有的命令zoom:1就行,就來激發父容器的haslayout屬性,使父元素擁有自己的布局,其他瀏覽器則會忽略這條命令。

所以相容性寫法是這樣的

.clearfix:after

.clearfix

2.不同瀏覽器預設的margin和padding不同,這是幾乎最常見的相容性問題,

解決方案:css開頭加

*

3.border:0和border:none

ie6,ie7下,border:0解析為border-width:0,border:none解析為border-style:0;

標準瀏覽器下border:0比border多渲染乙個border-width:0,所以為了優化記憶體,寫了乙個相容性寫法

border:0 none;(0針對ie6,7,none針對標準瀏覽器)

4.vue.js相容性

vue.js 不支援 ie8 及其以下版本,因為 vue.js 使用了 ie8 不能模擬的 ecmascript 5 特性。vue.js 支援所有相容 ecmascript 5 的瀏覽器。

瀏覽器相容性問題

苦惱的區別 1.image repeat 在火狐裡比較正常,可是在ie中一直repeat.背景是乙個關閉的x號,div設定的backgourn image url xx 結果在ie中卻不行,最後找到原因是ie中要顯式的寫上image repeat norepeat這屬性,還有好多的差異,明天 去了 ...

瀏覽器相容性問題

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

瀏覽器相容性問題

解決方案 應該用ie8相容模式瀏覽網頁,而不應該用ie9或ie10渲染模式.很多使用者安裝ie10後發生很多網頁顯示錯亂,就是相容性的原因,因為ie10預設的渲染模式是ie10.此時應該將其改為ie7渲染模式。為什麼用ie6 7渲染模式的原因如下 中國所有網頁肯定都支援ie,支援ie就是支援ie核心...