zoukankan      html  css  js  c++  java
  • 常见的浏览器兼容性问题

    一:不同浏览器对HTML标记所具有的内外边距属性具有不同的定义。

    解决办法:在全局CSS代码加上*{margin:0px;padding:0px;}

    二:Margin不一致的问题:

    当有多张图片需要排在一行时,我们通常使用“Float:Left”来实现,这样一来,浏览器就存在兼容性问题。导致图片与后面的内容存在margin不一致的问题。对此一种解决方法就是给图片样式添加“Display:inline”项即可。

    三:优先级问题:

    对于同一标记属性所给定的值,有不同的优先级。其中优先级最高的是内联代码,其实是页内CSS,接下来是浏览器默认设置,最后才是外部CSS所做的限制。

    四:DIV居中问题:

    通常我们会利用“vertical-align:middle”来实现,这对于搜狗浏览器来说,是正常的,但是对于IE浏览器来说,却并没有效果。对此,一种较好的解决方法是:将文字的行高设置与DIV一样时即可解决问题。

    五:内外边框合并问题。

    通常情况下,对于两个相关DIV块,相邻时采用外边距合并原则,其结果只最两个DIV块中Margin最大值做为两个DIV之间的间距。包含的两个DIV之间的间距也遵行同样的规则

  • 相关阅读:
    9.17
    9.14
    9.13
    9.13
    9.11
    9.28
    10 .19 知识点
    redux
    react路由
    react的三大属性
  • 原文地址:https://www.cnblogs.com/min-min-min/p/6564896.html
Copyright © 2011-2022 走看看