机型分析
安卓端:安卓中,如果将元素设置为position:fixed或absolute,因为软键盘会改变页面的高度(将页面顶上来),因此元素也跟着移动上来,导致页面变形;
IOS端:苹果的软键盘是覆盖的(分层),因此H5页面显示没有什么问题。
个人解决方法
设置body 高度,使得body高度不变:
$("html,body").css("height" , $(window).height());
切记不要使用display:fixed; 布局
安卓端:安卓中,如果将元素设置为position:fixed或absolute,因为软键盘会改变页面的高度(将页面顶上来),因此元素也跟着移动上来,导致页面变形;
IOS端:苹果的软键盘是覆盖的(分层),因此H5页面显示没有什么问题。
设置body 高度,使得body高度不变:
$("html,body").css("height" , $(window).height());
切记不要使用display:fixed; 布局