Android Chrome 上的网站特定页面缩放？

Question

在 iOS Safari 上，有一个 Aa 按钮可以调整任何特定网站（包括我们一直在开发的网站）上的文本/页面缩放。

除了设置下的全局文本大小调整器之外，我在 Android Chrome 上找不到类似的功能。这会影响所有网站。

如果用户愿意，我们希望用户能够将我们的特定网站缩放 115% 和 125%。

我已经调查过：

html 
{
   zoom:115%;
}

或

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

谁能推荐在 Android Chrome 上缩放特定网站的最佳做法？

我可能只是建议 iOS Safari 用户使用 Aa 按钮，但可能希望以编程方式为 Android Chrome 用户设置一些内容——基于我们网站上的“首选项”网页。

Answer 1

您可以将document.body.style.zoom="90%" 与您想要的任何百分比一起使用。您也可以使用document.body.style.transform = scale(2);，这会使缩放看起来更漂亮，但具有更好的浏览器支持。您可以在 transform = scale() 之后使用document.body.style.transform = "translate(0, 0)"; 使页面居中。