這篇文章給大家介紹前端常見的CSS兼容性問題有哪些呢，內容非常詳細，感興趣的小伙伴們可以參考借鑒，希望對大家能有所幫助。

創新互聯2013年開創至今，先為革吉等服務建站，革吉等地企業，進行企業商務咨詢服務。為革吉企業網站制作PC+手機+微官網三網同步一站式服務解決您的所有建站問題。

前端之CSS常見兼容性問題，讓人頭疼的CSS兼容。因為之前對css的理解不夠深入,也沒有經過系統的學習,所以一度認為css是前端最難的東西,但真的學習后,才發現css真的很難。

CSS常見兼容性問題

1、雙倍浮動BUG：

描述：塊狀元素設置了float屬性后，又設置了橫向的margin值，在IE6下顯示的margin值要比設置的值大；

解決方案：給float的元素添加display:inline;將其轉換為內聯元素；

2、表單元素行高不一致：

解決方案：

①、給表單元素添加vertical-align:middle;

②、給表單元素添加float:left；

3、IE6（默認16px為最?。┎蛔R別較小高度的標簽（一般為10px）：

解決方案：

①、給標簽添加overflow:hidden;

②、給標簽添加font-size:0;

4、圖片添加超鏈接時，在IE瀏覽器中會有藍色的邊框：

解決方案：

給圖片添加border:0或者border：none;

CSS兼容性問題有什么

最小高度min-height不兼容IE6;

解決方案：

①、min-height:100px;_height:100px;

②、min-height:100px;height:auto!important;height:100px;

圖片默認有間隙：

解決方案：

①、給img添加float屬性；

②、給img添加display：block;

關于前端常見的CSS兼容性問題有哪些呢就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。

網站標題：前端常見的CSS兼容性問題有哪些呢-創新互聯
當前地址：http://vcdvsql.cn/article28/cdepcp.html

成都網站建設公司_創新互聯，為您提供網站設計公司、網頁設計公司、響應式網站、搜索引擎優化、做網站、用戶體驗

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯