对浏览器css兼容性的学习理解及问题解决汇总_html/css_WEB-ITnose

一、从浏览器内核的角度 来看，浏览器兼容性问题可分为以下三类：

1. 渲染相关：和样式相关的问题，即体现在布局效果上的问题。

2. 脚本相关：和脚本相关的问题，包括JavaScript和DOM、BOM方面的问题。对于某些浏览器的功能方面的特性，也属于这一类。

3. 其他类别：除以上两类问题外的功能性问题，一般是浏览器自身提供的功能，在内核层之上的。

二、浏览器兼容性相关问题及其解决思路

1、目前，各主流浏览器的新版本，对于 W3C 的标准支持很好，因此，首先保证代码符合 W3C 的标准，这是解决浏览器兼容问题的前提。

其次，对于某些支持受限的属性，针对不同的浏览器添加相应的前缀，比如-webkit-、-o-、-moz-。

2、不同浏览器默认的内外边距不同的问题

解决： *{margin:0;padding:0;}

3、不同浏览器水平居中的问题：ie6-7文本居中，嵌套的块元素也会居中 ，ff /opera /safari /ie8文本会居中，嵌套块不会居中

解决： 块元素设置 margin-left:auto;margin-right:auto 或margin:0 auto; 或外层嵌套div设置

查看更多关于对浏览器css兼容性的学习理解及问题解决汇总_html/css_WEB-ITnose的详细内容...