现国内常见的浏览器有:IE、Firefox、Safari、Opera、Google Chome、QQ浏览器、搜狗浏览器、百度浏览器、UC浏览器、360浏览器、猎豹浏览器、遨游浏览器、世界之窗浏览器等等。但目前主流的五大浏览器为:IE、Firefox、Safari、Opera、Google Chome。
常见兼容性问题及解决方案:
①不同浏览器的标签默认的内补丁、外补丁不同
症状:随便写几个标签,不加样式控制的情况下,各自的margin、padding差异大;
解决:CSS中 *{margin:0;padding:0}。
②块属性标签float后,又有横向的margin情况下,在IE6显示的margin比设置的大
症状:随便写几个标签,不加样式控制的情况下,各自的margin、padding差异大;
解决:CSS中 *{margin:0;padding:0}。
③设置较小高度标签(一般小于10px),在IE6、IE7中高度会超出自己设置的高度
症状:高度不受限制
解决:给超出高度的标签设置overflow:hidden或设置行高line-height(小于你设置的高度)。
④行内属性标签,设置display:block后采用float布局,又有横向的margin, IE6里的间距超过设置的间距
症状:常见症状是ie6中后面的一块被顶到下一行
解决:在display:block 后面加入display:inline; display:table 。
⑤图片默认有间距
症状:几个img标签放一起时,有些浏览器会有默认间距, 加入通配符也没用;
解决:使用float属性布局
⑥标签最低高度设置min-height不兼容
症状:因min-height本身就是一个不兼容的CSS属性,所以设置min-height时不能很好地被各个浏览器兼容
解决:若要设置最低高度50px,设置为:要进行的设置为:{min-height:50px; height:auto !important; height:50px; overflow:visible;}
⑦IE6不支持PNG透明背景
解决:IE6下不适用GIF图片
,