面试前端,面试官问你怎么解决浏览器兼容性问题,你应该怎么回答??

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

  所以若是想消除这种差距,应该在相应的CSS部分加入如下CSS代码:
  *{margin:0px;padding:0px;}
  借于此,全部标记的内外边距被统一块儿来。

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

  Margin不一致的问题:

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

  DIV居中问题:

  一般咱们会利用“vertical-align:middle”来实现,这对于搜狗浏览器来讲,是正常的,可是对于IE浏览器来讲,却并无效果。对此,一种较好的解决方法是:将文字的行高设置与DIV同样时便可解决问题。  内外边框合并问题。一般状况下,对于两个相关DIV块,相邻时采用外边距合并原则,其结果只最两个DIV块中Margin最大值作为两个DIV之间的间距。包含的两个DIV之间的间距也遵行一样的规则。  掌握了这一规则,在利用DIV块进行布局时咱们就能够作的更加驾轻就熟。
相关文章
相关标签/搜索