基于bootstrap框架在ie8以下,兼容媒体查询[css样式]
2016-09-09 15:42
411 查看
<style type="text/css"> /*基于bootstrap框架在ie8以下,兼容媒体查询*/ .row [class^="col-"] { float: left \9; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1 { width: 8.33333333% \9; } .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2 { width: 16.66666667% \9; } .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3 { width: 25% \9; } .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4 { width: 33.33333333% \9; } .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5 { width: 41.66666667% \9; } .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6 { width: 50% \9; } .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7 { width: 58.33333333% \9; } .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8 { width: 66.66666667% \9; } .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9 { width: 75% \9; } .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10 { width: 83.33333333% \9; } .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11 { width: 91.66666667% \9; } .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { width: 100% \9; } </style>
相关文章推荐
- @media 媒体查询IE6-IE8兼容
- 基于Metronic的Bootstrap开发框架经验总结(16)-- 使用插件bootstrap-table实现表格记录的查询、分页、排序等处理
- 解决Bootstrap不兼容IE8及以下版本的问题
- 关于IE8以及以下版本不支持媒体查询的解决方案
- 让IE8+兼容bootstrap框架解决办法
- html5标签与css3媒体查询兼容ie8
- css3 media媒体查询器用法总结 兼容ie8以下的方法
- 前端项目微金所1 - bootstrap模板,Compatible(兼容),Viewport(视口),条件注释,第三方依赖,MediaQuery媒体查询
- 媒体查询-------基于屏幕宽度和像素率的响应设计
- 基于bbossgroups持久层框架实现数据库分页查询
- 刚写的B/S高级查询界面(基于ExtJs框架)
- JEECG - 基于代码生成器的J2EE智能开发框架 续四: 查询条件SQL生成器设计思路
- 基于datagrid框架的查询
- 基于Bootstrap Metro 界面风格开发框架 Metro-Bootstrap
- 基于ASP.NET MVC的热插拔模块式开发框架(OrchardNoCMS)--BootStrap
- UI设计实战篇——利用Bootstrap框架制作查询页面的界面
- 利用Bootstrap框架制作查询页面的界面
- Bootstrap 基于HTML,CSS,JAVASCRIPT的简洁灵活的流行前端框架及交互组件集
- flash的TLF字体框架,与部分XP-SP3 IE8不兼容。
- 基于jQuery的横向/纵向下拉菜单JS代码(兼容IE6、IE7、IE8、firefox)