解决ios设备软键盘弹出导致页面整体被顶起

问题

ios设备:点击input,软键盘弹出,页面整体向上偏移

目前创新互联公司已为近1000家的企业提供了网站建设、域名、雅安服务器托管、网站改版维护、企业网站设计、陵城网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。

需求

当软键盘弹起,input改变位置并始终贴着软键盘,整体页面不上移动

解决

页面采用flex布局

<divclass="flex">
    <divclass="box">
        <divclass="head">div> //标题区
<divclass="body">div> //内容滚动区
<divclass="foot">div> //输入区
div>
div>

网页标题:解决ios设备软键盘弹出导致页面整体被顶起
标题来源:http://pwwzsj.com/article/dsojigg.html