【前端面試九】你遇到過的兼容問題有哪些?如何解決的?

程序猿 2021-03-25 22:29:25 1866瀏覽 加載中

1,png24位的圖片在IE6瀏覽器上出現背景,解決方案是做成PNG8.

2,瀏覽器默認的margin和padding不同。解決方案是加一個全局的{margin:0;padding:0;}來統一。

3、IE6雙邊距bug:塊屬性標簽float后, 又有橫行的margin情況下,在ie6顯示margin比設的大。浮動ie產生的雙倍距離#itcast{ float: left; width: 10px;margin: 0 0 0 100px}這種情況之下IE會產生20px的距離,解決方案是在float的標簽樣式控制中加入display: inline;將其轉化為行內屬性。(“_" 這個符號只有 ie6會識別)

4、IE 下可以使用獲取常規(guī)屬性的方法來獲取自定義屬性,也可以使用getAttribute0獲取自定義屬性;Firefox下,只能使用getAttribute0獲取自定義屬性。解決方法:統一通過getAttribute0獲取自定義屬性。

5、 IE下,even對象有x,y屬性但是沒有pageX,pageY屬性Firefox下,event對象有pageX,pageY屬性但是沒有xy屬性。解決方法: (條件注釋) 缺點是在IE瀏覽器下可能會增加額外的HTTP請求數。

6、 Chrome 中文界面下默認會將小于12px的文本強制按照12px 顯示,可通過加入CSS屬性-webkit-text-size-adjust: none; 解決。

7.超鏈接訪問過后hover樣式就不出現了被點擊訪問過的超鏈接樣式不在具有hover和active了。解決方法是:改變CSS屬性的排列順序: L-V-H-A 、a: link {}a: visited{}a: hover{}a: active {}

標簽: 前端面試
最后修改:2025-04-05 02:51:27

非特殊說明,本博所有文章均為博主原創(chuàng)。

国产免费久久受久久,人妻AV成熟片久久久久久,亚洲综合无码日韩,国产AV无码乱码精品国产 www.sucaiwu.net