手机移动端网页确定是否横屏

刚接触手机移动端网页，除了使用rem定义字体大小外还遇到了手机端其他的问题，比如手机端横屏怎么办？在竖屏时，页面显示的都是正常的，突然横屏时，整个页面因为宽度变大开始变形，这时候就需要做横屏幕时自适应了。
　　解决办法：可以使用css3媒体查询

@ media screen and (orientation:portrait) { 
     //竖屏时代码
}
@ media screen and (orientation:landscape) { 
     //横屏时代码
}

一般手机端网页横屏不多，客户端通常都会限制宽屏使用，除了ipad类宽屏使用。