一、超大屏
@media screen and (min-width:1200px){
}
1
2
二、1100分辨率（大於960px，小於1199px）
@media screen and (min-width: 960px) and (max-width: 1199px) {
}
1
2
三、880分辨率（大於768px，小於959px）
@media screen and (min-width: 768px) and (max-width: 959px) {
}
1
2
四、720分辨率（大於480px，小於767px）
@media only screen and (min-width: 480px) and (max-width: 767px){
}
1
2
五、440分辨率以下（小於479px）
@media only screen and (max-width: 479px) {
}
具體使用：
原文附效果圖及代碼：http://blog.maptoface.com/post/202