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){}
第一个是针对320-479 屏宽的情况
第二个是针对480-639屏宽的情况
第三个是针对640-768屏宽的情况
第二个是针对768-959屏宽的情况
web 切图必看
原文：http://www.cnblogs.com/qdmaomao/p/4497880.html
