【问题标题】:When typing on iPhone, screen zooms in?在 iPhone 上打字时,屏幕会放大吗?
【发布时间】:2021-02-23 18:03:49
【问题描述】:

你好

我正在建立一个聊天室网站,但它在 iPhone 上遇到了问题(或者可能是我尚未检查的 safari)。

当您开始在底部输入position: fixed 时,屏幕会放大,您必须手动缩小才能看到发送按钮。我知道这不是很解释,所以我将我的代码放在这里:

有时工作的草率代码(现在除外)

input {
  font-size: 150%;
  width: 83vw;
  height: inherit;
}

form {
  position: fixed;
  bottom: 0px;
  left: -2px;
  height: 6vh;
  margin-bottom: 0px;
}

form button {
  width: calc(17vw + 2px);
  font-size: 150%;
  position: fixed;
  right: -2px;
  height: inherit;
}

【问题讨论】:

    标签: html css iphone safari mobile-safari


    【解决方案1】:

    这与您的代码无关。我是 iphone 的老用户,可以说 iphone 会自动执行此操作。当键盘启动时,它会自动缩放到您可以有效地看到您正在输入的内容的位置。

    【讨论】:

    • 那有什么我可以做的吗?
    • iphone自动缩放:恐怕不行。
    • 请注意:理论上,您可以在输入端监听 blur 事件来为用户重置缩放,因此如果用户在输入之外单击它会自动重新调整窗口。虽然我没有试过这个;或者可以调整输入的大小以使缩放不那么明显
    猜你喜欢
    • 2015-12-17
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多