@media的用法总结

顺序不能反
@media (max-width: 767px)  { ... col-xs-3... }  { //<=767的设备 }  手机
@media (min-width: 768px)  { ... col-sm-3... }  { //>=768的设备 }  平板
@media (min-width: 992px)  { ... col-md-3...}   { //>=992的设备 }  电脑
@media (min-width: 1200px) { ... col-lg-3...}  { //>=1200的设备 }  大显示器