web 切图必看
1 @media screen and (max-device-width:479px){}
2 @media screen and (max-device-width:639px){}
3 @media screen and (max-device-width:767px){}
4 @media screen and (max-device-width:959px){}
2 @media screen and (max-device-width:639px){}
3 @media screen and (max-device-width:767px){}
4 @media screen and (max-device-width:959px){}
第一个是针对320-479 屏宽的情况
第二个是针对480-639屏宽的情况
第三个是针对640-768屏宽的情况
第二个是针对768-959屏宽的情况
第二个是针对480-639屏宽的情况
第三个是针对640-768屏宽的情况
第二个是针对768-959屏宽的情况
![](http://images0.cnblogs.com/blog2015/750033/201505/121658092989662.png)