ie和Firefox對css的縮寫都存在的問題

來源:互聯網
上載者:User
ie對於css的magin padding 等預設值為0px,但ff卻不一樣,為了保持外觀的統一性,即使padding為0你也要寫上,以免ff在瀏覽中的錯位

第一
對css縮寫的支援問題:不論是ie 還是ff對css的縮寫都有一小點問題
比如:border: 0xp solid #fff;
兩個瀏覽器支援都沒有問題
但如果四個邊的magin不同情況下,就不能用這種縮寫了,無論是ie還是ff又會出現邊界解釋錯誤,而導致頁面變形
正確縮寫:
border-width:0px 1px 2px 3px;
border-style:solid;
border-color:#fff;
第二
是 ie對於css的magin padding 等預設值為0px,但ff卻不一樣,為了保持外觀的統一性,即使padding為0你也要寫上,以免ff在瀏覽中的錯位。
第三
在IE裡用body {text-align: center;}就可以置中對齊.到了firefox裡總是在左邊.但是如果加了float: right;還能到右邊就是不能到中間..FF下面設定容器的左右外補丁為auto就可以了,如: margin:0 auto;
 



相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.