2

当从外部（来自 iMessage、Twitter、Messenger 等）单击要在 Chrome 中打开的链接时，iOS Chrome 似乎正在错误地计算 html 视口。

html是一个简单的：

<!DOCTYPE html>
<html lang="en" style="background: linear-gradient(#e66465, #9198e5)">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body></body>
</html>

重现步骤：

  1. 复制此链接：https ://alwyntan.github.io/test-page/ ，不要只是单击它，因为它会正常工作。
  2. 将链接发送给您自己（在 iMessage、Messenger 或您使用的任何消息传递服务上）。
  3. 在Chrome上打开您刚刚发送给自己的链接。

在开发旨在与他人共享的页面并且 CTA 按钮绝对位于页面底部时，此问题尤其成问题（该按钮不会显示，因为用户必须向下滚动才能看到它）。想象一个活动页面，其“加入活动”按钮绝对位于页面底部，用户无法立即看到它。

您会看到页面在不应该滚动时是可滚动的。通过点击地址栏并点击返回再试一次，页面将恢复到其预期的行为（html 正确占用可用的视口）。为什么会发生这种情况，有人知道如何解决吗？

提前非常感谢。

4

0 回答 0