尽管有适当的视口元标记，网站加载在移动设备上还是略微放大

Question

视口元标记如下：

<meta name="viewport" content="width=device-width, initial-scale=1" />

尽管如此，我需要在 iphone/ipad 上手动缩小以使网站适合屏幕。没有最小宽度阻止网站缩小以适应，所以我能想到的可能是 iOS Safari 计算视口大小而不考虑其垂直滚动条？无论如何，有没有强制它加载一直放大而不完全禁用缩放功能？

Answer 1

对于任何好奇的人，我解决了它。

案件：

• 登陆页面有一个登录，
• iOS 会自动关注输入，因为字体大小小于 16px。
• 因为它是一个单页应用程序，所以视图保持不变。

解决方案：

• 确保您的输入至少有 16px 的字体大小，否则 iPhone SE 等将放大以便文本输入更明显。