瀏覽器相容性問題

一 相容性：

1.產生原因：

ie/360/遨遊 6 7 沒有按照 w3c標準 去製作瀏覽器

8 9 10 支援w3c標準

火狐 google 支援w3c

支援的寬度和高度

元素和樣式引起的

開發方式：

google開發 其他瀏覽器下除錯

2 工具的測試：

在ietester下 開啟 6 7 視窗 google視窗

做的html頁面 要在 6 7 google下都重新整理一下通過 相容就沒有問題了

3 常見的相容性

1>特殊符號的解釋：

color:#f00

color:#f00!important

+color:#f00

-color:#f00

基礎樣式不需要新增特殊符號 邊框 背景 顏色 字型大小...

2>引入css檔案的解釋：

其他瀏覽器執行c.css

3> 火狐不識別： padding:5px 5px 5px 5px;

padding-top:5px;

padding-left:5px;

.....

4> a:link 在 google 火狐下 相容行不好 a{}

5>上乙個元素浮動了，下乙個元素 clear:both

雙倍邊距的問題 ，浮動引起的 需要把寬元素 新增display:inline

瀏覽器相容性問題

苦惱的區別 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核心...