如何解决对于全高 PWA,您如何防止在移动设备上的输入焦点上调整高度?
我有这种情况,我希望 PWA 始终保持相同的 100vh,即使输入是来自移动设备的焦点并且出现了客户端键盘。
截至目前,整个 100vh 概念随着键盘打开而中断,如下图所示:
有人对解决方案有任何线索吗?(如果可能,没有 JS)
解决方法
也许用这个 CSS 你可以实现你想要的
:root {
--body-size: 100vh;
}
body{
height:var(--body-size);
}
@Media only screen and (max-width : 400px) {
input:focus{
--body-size: 50vh;
}
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。