在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
但是该页面的宽度并不大。否则，将出现水平滚动条，并且某些内容在页面的右侧。
Firefox Windows桌面由于某种原因没有作用。
而且，当我将iPad旋转到“纵向”视图时，页面项目实际上看起来比最初将“初始比例”和“最大比例”设置为1时要小。也许缩小了15％。当我将其旋转回横向时，物品比原始物品大1.15％（例如，上面的Meta标签似乎可以解决此问题）。
FWIW：我认为这与无关window.devicePixelRatio，至少这是使用浏览器放大/缩小功能时桌面浏览器（通过在控制台中输入以上内容）的值变化。
虽然不确定如何以编程方式设置此值。奇怪的是，当在iOS上使用Aa缩放功能并Safari > Develop > iPhone在Mac上通过检查时，输入window.devicePixelRatio似乎总是会返回2。
如果未正确设置，也可能值得研究：https : //developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句