第一种，禁止横屏，如果横屏覆盖页面的渲染，提示请竖屏访问。
第二种，使用媒体查询重写样式（可能会有很多兼容性需要处理）
@media all and(orientation:landscape){
//重写各种样式
}
侦听“屏幕旋转”事件，一旦屏幕旋转就在回调函数中重新获得元素的宽和高。如果你用jquery的话可以这样写：
$(window).on('orientationchange', function() {
var $el = $("#el") // 需要重新获得宽和高的元素
var newWidth = $el.width()// 新的宽
var newHeight = $el.height()// 新的高
})
