web前端開發(fā)中瀏覽器兼容問題(六)

26.border:none與border:0的區(qū)別

體現有兩點:

1、理論上的性能差異

2、瀏覽器兼容性的差異。

1、性能差異:

【border:0】把border設為“0“像素雖然在頁面上看不見,但按border默認值理解,瀏覽器依然會對border-width/border-color進行渲染,即已經占用了內存值。

【border:none】把border設為”none“即沒有,瀏覽器解析”none“時將不作出渲染動作,即不會消耗內存值。

2、兼容性差異:

兼容性差異只針對IE6、IE7與標簽button、input而言,在win、win7的XP主題下均會出現此現象。

當border為”none“時對IE6、IE7無效邊框依然存在,如下圖所示:

當border為”0“時對IE6、IE7,如下圖所示:

當border為”0“或者”none“時Firefox下顯示一致,如下圖所示:

27.不同瀏覽器margin和padding差異較大

顯示區(qū)別

對于IE,父元素用text-align:center;可實現父級元素內的子元素居中,

對于FF,子元素需要用margin:0 auto。

28.在IE6中無法設置微型高度

顯示區(qū)別

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容