有手机输入键盘时切换横竖屏高度变化的问题

最新推荐文章于 2021-03-09 15:28:41 发布

weixin_33725272

最新推荐文章于 2021-03-09 15:28:41 发布

阅读量330

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/xupeiyu/p/5177035.html

本文介绍了一种针对iOS设备屏幕方向变化时，调整网页元素高度的方法。通过检测设备方向并重新计算窗口尺寸，确保了页面布局的一致性和用户体验。

function resetIosScreen() {
	if ( window.orientation == 90 || window.orientation == -90 ) {
 	
	        userHeight = window.screen.width;
	 	
	   } else {
	 	
	        userHeight = window.screen.height;
	 	
	    }
 	
    $(".before").height(userHeight - 70);
 	
    $(".prompt").height(userHeight);
 	
}

if (/iPhone/.test(navigator.userAgent)) {
 	
            resetIosScreen();
 	
}


 $(window).on("orientationchange",function(){
 	
                resetIosScreen();
 	
});

转载于:https://www.cnblogs.com/xupeiyu/p/5177035.html