css兼容问题

一、少用偏门。
　　类似break-word断行，z-index手动分层，还有像垂直对齐等等这些偏门CSS最好少用，因为不一定所有浏览器都支持，而且极难通过W3C检测。 

　　二、center不是float的值。
　　很多新手都会把center误认为是float的值，而偏偏不是如此。center只是text-align的值。 

　　三、对齐不能包括两个值。
　　很多新手会在float或者text-align中填写两个值，比如：float:left top。这是不允许的，浏览器也无法识别。 

　　四、滚动条颜色最好不要自定义。
　　很多浏览器不能正常识别自定义颜色的滚动条，况且很多自定义颜色都不能通过W3C。 

　　五、单独滚动条设置。
　　现在经常使用overflow-x（横向滚动条）或者overflow-y（纵向滚动条），在设置这个的时候经常会发现并不是所有的客户端上都有效果，大家在设置的时候最好在body和html同时进行设置。然而这个CSS也不是CSS2.1支持的（CSS2.1支持overflow，同时定义横纵滚动条），直到CSS3才支持这种定义方式。尽量少用。 

　　六、background和color颜色相同会受到警告。

您可能感兴趣的文章：
python3.7.3版本和django2.2.3版本兼容吗
css 图片垂直居中(兼容各主流浏览器，含IE6/IE7)
jquery实现图片等比例缩放以及max-width在ie中不兼容解决
css设置透明度(兼容ie,firefox)
使用“兼容性疑难解答”解决Windows 10兼容性问题
基于jquery的返回顶部效果（兼容IE6）
asp.net 4.0 遨游3 cookie不兼容问题
jquery返回顶部效果(兼容IE6)的实现代码
用css截取字符串长度的方法
IE7和IE8的BUG解决方法