浏览器兼容性解决方案

一:

1.为什么浏览器对于页面的渲染会有差异,因为他们没有完全的遵循W3C的规范。  所以为了针对不同的浏览器实现相同的渲染效果。

    为主流浏览器写一套属性兼容方案。   就是在属性前 + 浏览器内核的前缀。

2.css  hack。

3.用javascript来解决渲染的不一致。

4.针对IE, 用IE条件语句,加载对应版本的css样式表。

5.自动加浏览器内核前缀:http://autoprefixer.github.io/

6.研究其属性,看看支持率,以及官网  菜鸟教程里一般都会讲到如何处理此bug。

    https://developer.mozilla.org/en-US/docs/Web/CSS/-moz-appearance     看浏览器官网  有些属性是它独有的哦。

二:

1. 如何判断当前浏览器的内核呢?      

2. autoprefix: 添加css属性的浏览器内核前缀。

 

三:Bootstrap框架提供的解决方案

 

四:解决不了,提示用户升级

      https://www.zhihu.com/question/51468145/answer/125984111

      https://zhuanlan.zhihu.com/p/24413264 (知乎)

     http://www.cnblogs.com/3box/p/4493973.html

     http://www.jianshu.com/p/300bac95d4d0

    http://www.cnblogs.com/mumble/p/4576489.html(不错哦)

 

五:

  1.Can I Use 网站。

posted @ 2016-07-05 09:14  风茗  阅读(211)  评论(0编辑  收藏  举报