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

问题

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

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

需求

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

解决

页面采用flex布局

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