移动端横竖屏显示页面不全解决方案

移动端横竖屏显示页面不全解决方案

一、出现问题

在移动端打开页面，超过一页的情况下，手机由竖屏显示变为横屏显示，此时页面不可以进行上下滑动，只显示一屏的内容。

二、解决方法

判断此时手机的横竖屏状态，如果为横屏，则进行刷新。

$(function(){

//判断手机横竖屏状态：
function hengshuping(){
if(window.orientation==90||window.orientation==-90){
       window.location.reload();
    }
}
window.addEventListener("onorientationchange" in window ? "orientationchange" : "resize", hengshuping, false);

})