1 @media screen and (max-device-479px){}
2 @media screen and (max-device-639px){}
3 @media screen and (max-device-767px){}
4 @media screen and (max-device-959px){}
2 @media screen and (max-device-639px){}
3 @media screen and (max-device-767px){}
4 @media screen and (max-device-959px){}
第一个是针对320-479 屏宽的情况
第二个是针对480-639屏宽的情况
第三个是针对640-768屏宽的情况
第二个是针对768-959屏宽的情况
第二个是针对480-639屏宽的情况
第三个是针对640-768屏宽的情况
第二个是针对768-959屏宽的情况
