<button id="g80sy"></button>
  • <abbr id="g80sy"></abbr>
  • <button id="g80sy"></button>
    <rt id="g80sy"><delect id="g80sy"></delect></rt>
  • 【前端面試九】你遇到過的兼容問題有哪些?如何解決的?

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

    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 下可以使用獲取常規屬性的方法來獲取自定義屬性,也可以使用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-03-26 13:05:37

    非特殊說明,本博所有文章均為博主原創。

    主站蜘蛛池模板: 奎屯市| 伊宁县| 东丽区| 遵化市| 赤城县| 吴旗县| 固阳县| 团风县| 黑河市| 潜江市| 宜川县| 灵山县| 临泽县| 怀集县| 阳原县| 恩平市| 衡水市| 阳信县| 攀枝花市| 土默特右旗| 临沧市| 高雄县| 东平县| 恩平市| 紫金县| 海阳市| 汶川县| 湘阴县| 云霄县| 玉溪市| 兴隆县| 凌云县| 乌兰县| 辽阳市| 平罗县| 鹤壁市| 浠水县| 揭西县| 嘉善县| 江油市| 南平市|