浏览器常见兼容问题

 

浏览器兼容问题一：不同浏览器的标签默认的margin和padding不同。
解决方案：css里 *{margin:0;padding:0;}

浏览器兼容问题二：部分浏览器图片有默认间距。
解决方案：使用float属性为img布局

浏览器兼容问题三：IE10下，页面PNG格式图片显示有问题。
解决方案：使用jpg格式图片替换

浏览器兼容问题四：Div居中问题。
解决方案：div设置 margin-left, margin-right 为 auto 时已经居中，IE 不行，IE需要设定body居中，首先在父级元素定义text-algin: center;这个的意思就是在父级元素内的内容居中。

浏览器兼容问题五：游标手指cursor。.
解决方案：cursor: pointer 可以同时在IE FF中显示游标手指状，hand仅IE可以

浏览器兼容问题六：UL的padding与margin。
解决方案：ul标签在FF中默认是有padding值的,而在IE中只有margin默认有值,所以先定义 ul{margin:0;padding:0;}就能解决大部分问题

浏览器兼容问题七：FORM标签
解决方案：这个标签在IE中,将会自动margin一些边距,而在FF中margin则是0,因此,如果想显示一致,所以最好在css中指定margin和 padding,针对上面两个问题, css中一般首先都使用这样的样式ul,form{margin:0;padding:0;}