常見瀏覽器相容性

2022-03-13 00:55:29 字數 512 閱讀 6628

1、ie5.5及其以前版本的瀏覽器對於盒模型理解上的錯誤

div{

width:200px;

padding:5px;

border:1px solid #cccccc;

在ie5.5中div 內容的寬度將是200px-5px-1px-5px-1px = 188px.

在firefox,opera 及ie6等瀏覽器內容寬度則是200px,可以使用hank手法。

2、ie浮動和對齊的錯誤

在css中將元素的float和rext-align的方向設為一致時,ie中邊界會被顯示為宣告值的2倍,可以將display 設為inline來避免

div{

text-align:left;

float:left;

margin:0 5px;

display:inline;

3.ie:event.offsetx和event.offsety。 ff:event.layerx和event.layery。 標籤的x和y的座標位

瀏覽器相容性常見

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

常見的瀏覽器相容性

瀏覽器相容問題一 不同瀏覽器的標籤預設的外補丁和內補丁不同 解決方案 css裡 瀏覽器相容問題二 塊屬性標籤float後,又有橫行的margin情況下,在ie6顯示margin比設定的大 解決方案 在float的標籤樣式控制中加入 display inline 將其轉化為行內屬性 瀏覽器相容問題三 ...

常見瀏覽器相容性bug

1 ie6有向左浮動且有向左外邊距或文字向右浮動且有向右外邊距是會出現雙倍外邊距的bug 在 ie5.0 ie5.5 ie6 中,當為乙個塊級元素同時設定了向左浮動 float left 及左邊距或右邊距 margin left margin right 後,則該元素的左邊距或右邊距在某些情況下會是...