掃二維碼與項目經理溝通
我們在微信上24小時期待你的聲音
解答本文疑問/技術咨詢/運營咨詢/技術建議/互聯(lián)網交流
你對IE，F(xiàn)irefox等瀏覽器不兼容原因及解決方法是否了解，這里和大家分享一下，希望對你的學習有所幫助。
瀏覽器不兼容原因及解決方法
瀏覽器不兼容原因及解決方法，歸納幾點：
1.文字大小不兼容。同樣是font-size:14px的宋體文字，在不同瀏覽器下占的空間是不一樣的，IE下實際占高16px，下留白3px，ff下實際占高17px，上留白1px，下留白3px，opera下就更不一樣了。解決方案：給文字設定line-height。確保所有文字都有默認的line-height值。這點很重要，在高度上我們不能容忍1px的差異。
2.Firefox下容器高度限定，即容器定義了height之后，容器邊框的外形就確定了，不會被內容撐大，而IE下是會被內容撐大，高度限定失效。所以不要輕易給容器定義height。
3.還討論內容撐破容器問題，橫向上的。如果float容器未定義寬度，ff下內容會盡可能撐開容器寬度，IE下則會優(yōu)先考慮內容折行。故，內容可能撐破的浮動容器需要定義width。
小實驗：有興趣大家可以看看這段實驗。在不同瀏覽器下分別測試以下各項代碼。