基于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