Safari iOS 13 文本缩放 - 修复网页

Question

我已经安装了 iOS 的开发者版本（即 13）来检查我们网站的兼容性，我发现 safari 现在具有放大/缩小网页以提高可读性的功能。如果我们放大，我看到大部分页面或现在都损坏了。我想在 iOS-13 正式发布之前解决这个问题

我查看了他们自己的官方网站，处理得非常好，但他们实际上并没有增加字体大小，他们只是放大页面。

我也尝试了这个元标记的各种属性：

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

Answer 1

在css中试试这个代码：

html {-webkit-text-size-adjust: none;}

谢谢

Answer 2

这就是我修复它的方法。

@media screen and (max-width: 320px){ 
    html,body {
        min-width: 320px;
    }
}

实际上，当您放大时，这意味着您正在缩小 html 和正文宽度。