相关疑难解决方法(0)

纵向高度和景观高度以点为单位.

在一个网页中,我有一个输入字段和一个固定在窗口底部的div(具有这些CSS属性:position:fixed;和bottom:0;

我做了一个Codepen来展示我在说什么:https://codepen.io/anon/pen/xpQWbb/

即使软键盘处于打开状态,Android上的Chrome也会保持div可见:

但是,iOS上的Safari似乎在固定元素上绘制软键盘:

(我应该提一下,我在Macbook上的iOS模拟器上测试,因为我没有可用的iPhone)

有没有办法让iOS Safari保持元素可见,即使软键盘打开,就像Chrome一样？

我只能找到人们有相反问题的问题.

我希望我的固定内容超越iOS键盘.问题形象:

我希望iOS的行为像Android一样.

有没有一种简单的方法来实现这一目标？

父元素css:

.parent{
    position:fixed;
    top: 0;
    left 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

按钮css:

.button{
    position:fixed;
    left 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 5rem;
}