北京棋院PC项目总结

该项目要求兼容方面:火狐,谷歌,opera等主流浏览器之外,需要兼容iE8以及以上的iE版本

屏幕需要兼容小屏幕,中屏幕,大屏幕

首先在兼容性方面,媒体查询的问题算是解决了,媒体查询不兼容IE以及以下版本,只需要引入一种插件,叫respond.min.js

对于IE8以下的浏览器版本,使用了让用户升级浏览器的模式,js监测iE版本

还发现了个好东西

<!--[ if it ie 8] ><! [endif ]-->,,是ie版本等于当前版本才会执行的语句,可以在此中引入复合ie8的样式表,或者可以显示只有ie8版本才会看见的内容

对于swiper轮播图插件,现在最新的是swiper3版本,对于移动端比较友好,主流浏览器也比较兼容,但是对于ie8以及以下版本都是不兼容的,这里解决的办法就是要不就不用,要不就用swiper2版本,因为swiper2版本对于ie的兼容性还是比较友好的,所以以后对于移动端的轮播图可以大胆放心的使用swiper3.但是pc端,对于ie8版本以及以下版本比较苛刻的,一半轮播图可以使用swiper2,复杂的还是建议使用原生js进行写

对于jquery版本,ie兼容也不一样。jQuery 1.9及以下的版本支持IE的所有版本,1.9以上版本不再支持IE9以下版本

解决的办法也很简单:

<!--[if it ie 8]>

<script src="http://cdn.bootcss.com/jquery/1.9.0/jquery.min.js"></script>

<!endif-->


以后对火狐浏览器也要重视,兼容性也不怎么样

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,679评论 1 92
  • 前端开发面试知识点大纲: HTML&CSS: 对Web标准的理解、浏览器内核差异、兼容性、hack、CSS基本功:...
    秀才JaneBook阅读 7,385评论 0 25
  • <a name='html'>HTML</a> Doctype作用?标准模式与兼容模式各有什么区别? (1)、<...
    clark124阅读 8,911评论 1 19
  • 在家就是好,可以抱着我家的小熊熊睡觉觉。晚安啦!!!
    带着泪光的鱼阅读 1,404评论 0 0
  • 我比姐姐小五岁,从我开始记事以来,就是跟着姐姐屁股后面转悠,拖着鼻涕。 姐姐已经开始上小学了,有时妈妈忙着去田地里...
    瓦全阅读 3,328评论 0 2