web兼容模式浏览器怎么设置？17gtWEB前端开发五大主流浏览器

现国内常见的浏览器有：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图片