用@media处理手机和pc端界面兼容的问题,在IE 上的访问出现问题,百度方法,找找两种,一种是respond.js,另一种是css3-mediaqueries.js
一 respond.js
地址:http://www.bootcdn.cn/respond.js/
使用时respond.js需要注意的问题:
1 需要外部引入CSS文件,将CSS样式书写在style中是无效的;(亲身体会,直接style无效果的)
2 由于respond插件是查找CSS文件,再进行处理,所以respond文件一定要放置在CSS文件的后面
3 最好不要为CSS设置utf-8的编码,使用默认
respond.js工作原理
respond.js总结(别人总结的,摘抄的)
-
优点:压缩后仅1k,不跨域时性能ok,只需引入respond.js通用易用
-
缺点:仅支持media query的min-width和max-width(用于响应式够用);支持跨域,虽然配置有点麻烦,实现跨域代价高而且有闪屏体验欠佳。