摘自： http://blog.csdn.net/pm_mybook/article/details/54602107
/* 横屏 */
@media all and (orientation:landscape){｝
/* 竖屏 */
@media all and (orientation:portrait){｝
html5 乱码状况时,在head标签里添加
<meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <meta http-equiv="pragma" content="no-cache" />
原文：http://www.cnblogs.com/facial/p/7927902.html