1浏览器内核因浏览器而异,因此各浏览器在web页面的分析上有一定的差异
常规浏览器内核:
浏览器名称内核IETrident内核,IE内核chrome(Google )以前是Webkit内核,现在是Blink内核Firefox gecko ) ),俗称Firefox内核Opera,最初是自己的Opera Blink内核SafariWebkit内核360、猎豹IE Chrome双核QQ浏览器Trident (兼容模式) Webkit (高速模式) 2常见的浏览器兼容性问题32,现已称为WebBox内核
问题症状:随意书写一些标签,不加风格控制时,1 不同浏览器标签默认的内外间距不同和margin差异较大
解决办法:padding
注:这是最常见的浏览器兼容性问题,几乎所有CSS文件的开头都使用通配符**,并将每个选项卡的内间距设置为0
{ margin:0;padding:0; }
问题症状:几个2 图片默认有间距加起来在某些浏览器中有默认间隔,放入问题1中提到的通配符也不起作用。
解决办法:img标签
img{ float: left; }
)1)直接在谷歌浏览器的设置中更改最小大小(默认设置为12px ) )。
)2)使用3 chrome最小字体12px属性(-webkit-为谷歌浏览器前缀)
font-size: 9px; - WebKit-transform : scale (0.75; /*9/12=0.75*//*scale(x )比例x倍(-webkit-transform),可以用4 不同浏览器的默认样式存在差异来填补这些差异。
不同的浏览器具有不同的默认样式。 例如,默认超链接下划线位于某些浏览器中,而某些浏览器中则没有;例如,有些浏览器的默认颜色为蓝色,而有些浏览器为黑色。
Normalize.css的功能是重置几乎所有默认样式,以便所有浏览器都能对未定义的样式产生一致的导航效果。