在iPhone IOS 13和iPadOS上，Safari在网址栏左侧有可点击的“AA”。

点击它允许用户放大或缩小文本和其他元素的大小。

如果我们决定我们的网站在使用AA功能后在iPhone和iPad上看起来更好，达到115%，我们需要对我们现有的CSS和HTML做些什么？

我们尝试了不支持的CSS：

zoom:115%; 

在body，html和(body，HTML)上，但它没有做任何事情，直到它是120%，即使这样，字体大小保持不变。

iOS AA功能在技术上究竟做了什么，以便我们可以模仿它？我确实在 Medium 上问过某人该功能是否可以通过编程访问，但他说没有。

更新1:

根据下面的第一条评论，我使用了：

<meta name="viewport" content="initial-scale=1.15, user-scalable=no, maximum-scale=1.15, viewport-fit=cover" />

它适用于iOS iPad Safari。我确实必须删除：

width=device-width

但从那个Meta，所以页面不太宽。否则会出现一个水平滚动条，一些内容在页面右侧。

由于某种原因，Firefox Windows桌面没有影响。

此外，当我将iPad旋转到纵向视图时，页面项目实际上看起来比初始比例和最大比例最初设置为1时小。也许小15%。当我将其旋转回横向时，项目比原始尺寸大1.15%（例如，上面的Meta标签似乎可以做到这一点）。