运用@media实现网页自适应中的几个关键分辨率

用min-width时，小的放上面，大的在下面，即：

@media (min-width: 768px){ //>=768的设备 }
@media (min-width: 992px){ //>=992的设备 }
@media (min-width: 1200){ //>=1200的设备 }

用max-width时，大的在上面，小的在下面，即：

@media (max-width: 1199){ //<=1199的设备 }
@media (max-width: 991px){ //<=991的设备 }
@media (max-width: 767px){ //<=768的设备 }