基于bootstrap框架在ie8以下,兼容媒体查询[css样式]

 1 <style type="text/css">
 2     /*基于bootstrap框架在ie8以下，兼容媒体查询*/
 3     .row [class^="col-"] {
 4         float: left \9;
 5     }
 6
 7     .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1 {
 8         width: 8.33333333% \9;
 9     }
10
11     .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2 {
12         width: 16.66666667% \9;
13     }
14
15     .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3 {
16         width: 25% \9;
17     }
18
19     .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4 {
20         width: 33.33333333% \9;
21     }
22
23     .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5 {
24         width: 41.66666667% \9;
25     }
26
27     .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6 {
28         width: 50% \9;
29     }
30
31     .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7 {
32         width: 58.33333333% \9;
33     }
34
35     .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8 {
36         width: 66.66666667% \9;
37     }
38
39     .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9 {
40         width: 75% \9;
41     }
42
43     .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10 {
44         width: 83.33333333% \9;
45     }
46
47     .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11 {
48         width: 91.66666667% \9;
49     }
50
51     .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
52         width: 100% \9;
53     }
54
55 </style>

转载于:https://www.cnblogs.com/myclovers/p/5856893.html

基于bootstrap框架在ie8以下,兼容媒体查询[css样式]相关推荐

bootstrap在ie8下，兼容媒体查询
最近使用bootstrap做网站的时候发现,在ie8下的媒体查询一直失效: 后来解决了,做如下记录: 1.必须运行在服务器下 2.hack 条件语法,如下: <!--[if lte ie 9]& ...
阿里百秀模仿（基于bootstrap框架）
阿里百秀模仿(基于bootstrap框架) 导入bootstrap框架,Normalize.css和jquery.js 创建html与css <!DOCTYPE html> <htm ...
计算机毕业设计JAVA基于Bootstrap框架的读书网站设计与实现mybatis+源码+调试部署+系统+数据库+lw
计算机毕业设计JAVA基于Bootstrap框架的读书网站设计与实现mybatis+源码+调试部署+系统+数据库+lw 计算机毕业设计JAVA基于Bootstrap框架的读书网站设计与实现mybati ...
java毕业设计基于Bootstrap框架的读书网站设计与实现mybatis+源码+调试部署+系统+数据库+lw
java毕业设计基于Bootstrap框架的读书网站设计与实现mybatis+源码+调试部署+系统+数据库+lw java毕业设计基于Bootstrap框架的读书网站设计与实现mybatis+源码+调 ...
基于java基于Bootstrap框架的读书网站设计与实现计算机毕业设计源码+系统+lw文档+mysql数据库+调试部署
基于java基于Bootstrap框架的读书网站设计与实现计算机毕业设计源码+系统+lw文档+mysql数据库+调试部署基于java基于Bootstrap框架的读书网站设计与实现计算机毕业设计源码+ ...
【js】让IE8能够响应媒体查询
要支持IE8,需要一段JavaScrip代码让浏览器能够响应媒体查询,这段代码就是Scott Jehl 的respond.js "腻子脚本" 下载respond.js地址如下:ht ...
CSS如何设置高度为屏幕高度_（15）让这些“展示”有更好的扩展性——媒体查询 | CSS...
原创:itsOli @前端一万小时本文首发于公众号「前端一万小时」本文版权归作者所有,未经授权,请勿转载!本文节选自"语雀"私有付费专栏「前端一万小时 | 从零基础到轻松就业」 ❗ ...
HTML引入媒体查询CSS,CSS3 多媒体查询
CSS3 多媒体查询 CSS2 多媒体类型 @media 规则在 CSS2 中有介绍,针对不同媒体类型可以定制不同的样式规则. 例如:你可以针对不同的媒体类型(包括显示器.便携设备.电视机,等等)设置 ...
android 媒体查询,CSS常用媒体查询应用
原标题:CSS常用媒体查询应用媒体类型媒体类型 sans - serif字体比较适合在屏幕上阅读,而 serif 字体更容易在纸上阅读. 媒体查询包含一个可选的媒体类型和零个或多个满足CSS3规范 ...

基于bootstrap框架在ie8以下,兼容媒体查询[css样式]

基于bootstrap框架在ie8以下,兼容媒体查询[css样式]相关推荐

最新文章

热门文章