CSS中自适应屏幕分辨率

@media与@media screen区别

@media screen的css在打印设备里是无效的，而@media在打印设备里是有效的，如果css需要用在打印设备里，那么就用@media ，否则，就用@media screen。

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

【注意】用min-width时，小的放上面大的在下面，同理如果是用max-width那么就是大的在上面，小的在下面