为了账号安全,请及时绑定邮箱和手机立即绑定

移动端web页面 基于根元素的absolute bottom在安卓下小键盘出现时会被顶起来

移动端web页面 基于根元素的absolute bottom在安卓下小键盘出现时会被顶起来

汪汪一只猫 2018-12-25 21:18:58
如题,ios下正常现在我已有的解决方案是js 计算出 视窗高度,然后给这个元素一个计算出的top值,可以解决但是我想问问有没有纯css的方案demo如下,需在手机内测试<!DOCTYPE html><html><head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />    <meta http-equiv="Pragma" content="no-cache" />    <meta http-equiv="Expires" content="0" />    <meta name="format-detection" content="telephone=no" />    <title></title>    <style>        .btm{            position: absolute;            bottom: 5px;        }    </style></head><body>    <div style="border: 1px solid #ccc;height: 300px;">        <input type="text" />    </div>    <div class="btm">bugbugbugbugbug</div></body></html>
查看完整描述

1 回答

?
当年话下

TA贡献1890条经验 获得超9个赞

键盘出来,窗口的高度就改变了。
除非你把body的尺寸定死(试一下)

查看完整回答
反对 回复 2019-01-05
  • 1 回答
  • 0 关注
  • 926 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信