先看乙個例子
複製**
**如下:
-//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...