1.1024px显屏
@media screen and (max-width : 1024px) { /* 样式写在这里 */ }
2.800px显屏
@media screen and (max-width : 800px) { /* 样式写在这里 */ }
3.iPad横板显屏
@media screen and (max-device- 1024px) and (orientation: landscape) { /* 样式写在这 */ }
4.iPad竖板显屏
@media screen and (max-device- 768px) and (orientation: portrait) { /* 样式写在这 */ }
5.iPhone 和 Smartphones
@media screen and (min-device- 320px) and (min-device- 480px) { /* 样式写在这 */ }