不理解把多个css样式给一个html代码是什么意思?
html代码:
1 2 3 4 5 6 7 8 9 |
css代码:
@media (min-width: 768px){/最小值大于这个宽度,执行这个样式/
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 | .col-md-1{ width: 8.33333333%; } .col-md-2{ width: 16.66666666%; } .col-md-3{ width: 25%; } .col-md-4{ width: 33.3333333333%; } .col-md-5{ width: 41.666666666%; } .col-md-6{ width: 50%; } } @media (max-width: 768px){ .col-mx-1{ width: 8.33333333%; } .col-mx-2{ width: 16.66666666%; } .col-mx-3{ width: 25%; } .col-mx-4{ width: 333333333333%; } .col-mx-5{ width: 41.666666666%; } .col-mx-6{ width: 50%; } .col-mx-8{ width: 66.66666666%; } .col-mx-12{ width: 100%; } .row:before, .row:after { display: table; content: ''; clear: both; } } |