CSS中瀏覽器對尺寸和寬高解釋差異的解決方法

2022-09-24 11:12:10 字數 793 閱讀 1128

先看乙個例子

複製**

**如下:

-//w3c//dtd xhtml 1.0 transitional//en」 「

無標題文件

www.cppcns.comb」>

在這裡,height我分別定義了三個,

第乙個正常定義,在所有瀏覽器中都會生效;

第二個定義在前邊加了乙個*號,這個在ie6,ie7中會正常識別為height屬性,但是火狐和ie8會認為這是乙個錯誤語法,被忽略,而根據先後執行的順序,在ie6和ie7中帶*號的height被執行,那麼第乙個正常height失效(或者說被覆蓋);

第三個height在前邊加了乙個下劃線,下劃線只有ie6認為是有效的height屬性,而ie7 ie8和火狐都視為」_height」屬性是乙個不存在的屬性,所以不予執行,而ie6則將其執行。這樣前兩個height在ie6中時就被帶下劃線的height覆蓋。

那麼,通過這樣乙個例子,您應該了解,如果我們想在不通的瀏覽器中分別設定乙個元素不通的高度的時候,就可以使用 * 和 _ 兩個符號來協助定義。同時我們也了解了,微軟是乙個對錯誤容忍度多高的企業呀!.呵呵。

不過,如果把這個例子的前邊兩行文件型別和命名空間的宣告取消掉的話 帶下劃線的height也會被正常顯示。

width的設定是相同的。

我們在實際的工作中,更多的會遇到瀏覽器們對margin屬性解釋的不一樣,那麼這時星號和下劃線就能夠幫上大忙。

本文標題: css中瀏覽器對尺寸和寬高解釋差異的解決方法

本文位址: /web/xindejiqiao/87521.html

瀏覽器視窗寬高問題

使用window的screen 物件,可以得到螢幕解析度大小,與人為調整視窗大小無關 window.screen.width和window.screen.height 複製 1,非ie瀏覽器 window.innerwidth 2,ie瀏覽器 document.documentelement.cli...

JS瀏覽器獲取寬高

網頁可見區域寬 document.body.clientwidth 網頁可見區域高 document.body.clientheight html下獲取瀏覽器高度,xhtml下獲取元素總高度 網頁可見區域高 document.documentelement.clientheight xhtml下獲取...

獲取瀏覽器視口寬高以及元素寬高

適用所有瀏覽器 var w window.innerwidth document.documentelement.clientwidth document.body.clientwidth var w window.innerheight document.documentelement.clien...