2.媒体查询

@media (max-width:767px) {

     超小屏幕，手机设备

}

@media (min-width:768px) and (max-width:991px) {

     小屏幕设备，平板

}

@media (min-width:992px) and (max-width:1199px) {

     中等屏幕设备，桌面

}

@media (min-width:1200px) {

     大屏幕设备，桌面

}

转载于:https://www.cnblogs.com/baixuemin/p/6495350.html