尽管视口元标记正确，但网站加载在移动设备上略有放大
Website loads zoomed in slightly on mobile devices despite proper viewport meta tag
视口元标记如下：
<meta name="viewport" content="width=device-width, initial-scale=1" />
尽管如此，我还是需要手动缩小 iphone/ipad 以使网站适合屏幕。没有最小宽度阻止网站缩小以适合，所以我能想到的可能是 iOS Safari 计算视口大小而不考虑其垂直滚动条？不管怎样，有没有办法强制它在不禁用缩放功能的情况下一直加载缩放？
对于任何好奇的人，我解决了它。
案例：
- 着陆页有登录，
- iOS 会自动关注输入，因为字体大小小于 16px。
- 因为它是单页应用，所以视图保持不变。
解决方案：
- 确保您输入的字体大小至少为 16px，否则 iPhone SE 等将放大以使文本输入更明显。
这会有所帮助：
@media screen and (device-aspect-ratio: 9/16) {
select, textarea, input[type="text"], input[type="password"],
input[type="datetime"], input[type="datetime-local"],
input[type="date"], input[type="month"], input[type="time"],
input[type="week"], input[type="number"], input[type="email"],
input[type="tel"], input[type="url"]{ font-size: 16px; } }
视口元标记如下：
<meta name="viewport" content="width=device-width, initial-scale=1" />
尽管如此，我还是需要手动缩小 iphone/ipad 以使网站适合屏幕。没有最小宽度阻止网站缩小以适合，所以我能想到的可能是 iOS Safari 计算视口大小而不考虑其垂直滚动条？不管怎样，有没有办法强制它在不禁用缩放功能的情况下一直加载缩放？
对于任何好奇的人，我解决了它。
案例：
- 着陆页有登录，
- iOS 会自动关注输入，因为字体大小小于 16px。
- 因为它是单页应用，所以视图保持不变。
解决方案：
- 确保您输入的字体大小至少为 16px，否则 iPhone SE 等将放大以使文本输入更明显。
这会有所帮助：
@media screen and (device-aspect-ratio: 9/16) { select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="tel"], input[type="url"]{ font-size: 16px; } }