• IE常见兼容问题


    浏览器兼容问题1:不同浏览器的标签默认的外补丁和内补丁不同

    问题症状:随便写1个标签,不加样式控制的情况下,胳肢的margin 和padding差异较大。

    解决⽅案:CSS *{margin:0;padding:0;}

    浏览器兼容问题2:块属性标签float后,有横⾏的margin情况下,在IE6显示margin比设置的大

    问题症状:常见症状是IE6中后面的一块被顶到下一行

    在float的标签样式控制中加 display:inline;将其转化为行内属性

    浏览器兼容问题三:设置较小高度标签(一般小于10px),在IE6,IE7,遨游中高度超出自己设置高度

    浏览器兼容问题五:父元素绑架子元素的margin-top

    问题症状:这个问题主要出现在非IE浏览器中。如果父元素和子元素之间没有任何内容,将父元素设置margin-top后,子元素不会动,父元素会因为margin-top往下移动。

    解决⽅案:在⽗元素和⼦元素之间加入heigth:0px或者设置父元素的padding-top。

    浏览器兼容问题六:图片默认有间距

    问题症状:一个img标签放在一起的时候,有些浏览器会有默认的间距,加了问题一中提到的通配符也不起作用。

    使用float属性为img布局

  • 相关阅读:
    Mac 安装 Python3
    在push的时候发生崩溃信息
    Swift3.0 和 Swift3.0.2的区别
    01- 简单值
    @objc || private || 按钮的点击事件
    extension的作用
    swift3.0中使用代码添加选中图片
    OC-创建瀑布流
    springboot项目控制台日志不是彩色的原因
    更改docker里mysql的字符编码
  • 原文地址:https://www.cnblogs.com/ruimeng/p/4678984.html
Copyright © 2020-2023  润新知