iOS Safari底部固定输入框出现不必要的白色空间

Question

13

所以，我在页面底部有一个输入框，定位如下：

    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40px;

当我在iOS Safari上打开键盘时，输入框下方会出现不必要的空白。你可以从中向上滚动，但它不应该存在。

这是 Safari Dev 控制台中的高亮显示，我已经将 HTML 部分标记出来了，因此我认为额外的空格不是由我的 HTML/CSS 引起的... 这种情况在 Android 上不会发生。有任何帮助吗？

- Danny

2

这似乎也适用于没有固定位置的元素。当软键盘打开时，Safari在body底部添加一个空白（甚至没有边距）。你找到解决方案了吗？ - Anam Ahmed

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Mazzee · Accepted Answer

iOS Safari在输入框获得焦点时不支持position: fixed。似乎发生的情况是元素的position属性被更改为static。

有几种方法可以解决这个问题，但目前最好的答案是不使用fixed。