boostrap兼容浏览器IE7,8,9,10
来源:互联网 发布:淘宝上买鞋子是正品吗 编辑:程序博客网 时间:2024/05/22 11:47
boostrap作为时下非常流行的前台框架,本身简洁美观,正合适做现在流行的欧美简洁大气网站,它大量使用了html5和css3元素,加上网络上大量的模板,真是建网建站、居家旅行的第一选择。
但是!由于使用了大量的css3和html5,对IE兼容性就是一个极大的挑战,在火狐、谷歌等等浏览器上精美的网站到了IE上就可能立马毁容,无论我们多么鄙视IE的自闭,IE本身的市场占有也只能让我们去适应它。
还好boostrap本身对IE有做兼容处理,让原有的效果一样在IE上流畅运作:
1、确保所有的元素都有对应的元素,别偷懒给每个文本加上应有的<p><span>......
2、关键
<!--[if lt IE 10]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
在IE10或IE10一下的浏览器上,加载html5shiv.js和respond.js文件,间接让IE识别html5标签,支持css3元素,注意最好使用网络链接,不要用本地3、在上面2步的基础上,可以让你的网站在IE7上面基本正常运行,基本识别所有html5标签,css3标签基本支持,如圆角、阴影等特效,至于IE6嘛。。。。。。
0 0
- boostrap兼容浏览器IE7,8,9,10
- ajaxfileUpload.js兼容ie7、8、9、10、11、firefox、chrome等浏览器的js代码
- 360 浏览器页面兼容 IE7
- IE6 IE7 FF 浏览器的兼容
- 浏览器兼容:IE6,IE7,IE8,FIREFOX,Chrome
- 浏览器兼容:IE6,IE7,IE8,FIREFOX,Chrome
- CSS IE7 IE6 Firefox多浏览器兼容
- IE7,8兼容textarea maxlength
- background-size兼容ie7/8
- IE6.0、IE7、8 与FireFox等浏览器 CSS(脚本)兼容的写法
- 前端图片预览,上传前预览,兼容IE7、8、9、10、11,FIREFOX,CHROME
- 前端图片预览,上传前预览,兼容IE7、8、9、10、11,Firefox,Chrome
- 前端图片预览,上传前预览,兼容IE7、8、9、10、11,FIREFOX,CHROME
- 让LI排成一行(兼容FF,Chrome,IE7/8/9)
- IE6.0, IE7.0和FireFox浏览器css样式兼容
- IE Developer Toolbar - 浏览器模式: IE7, IE8, IE8兼容模式
- ie6 ie7 ie8 共存以及Firefox浏览器CSS兼容写法
- ie8浏览器中兼容ie7/网站由彩色变灰色
- Linux上配置2个tomcat
- 使用navicat工具将oracle数据导入到mysql
- 剑指offer第四题【重建二叉树】c++实现
- 奶粉各阶段成分表的规律
- C++ swap手法
- boostrap兼容浏览器IE7,8,9,10
- android oom分析
- Linux与BSD中TCP协议栈实现比较
- iOS中UISearchBar(搜索框)使用总结
- 第四周--猴子选大王
- C++ 的swap手法
- Week1-5Why is NLP hard?
- CCScroview用法
- Knockout应用开发指南 第七章:Mapping插件