网站特定页面放大 Android Chrome?

Website-specific page zoom on Android Chrome?

在 iOS Safari 上,有一个 Aa 按钮可以在任何特定网站(包括我们一直在开发的网站)上调整 text/page 缩放。

除了“设置”下的全局文本大小调整器外,我在 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 用户设置一些内容——基于他们的“首选项”网页在我们的网站上。

您可以使用任意百分比的 document.body.style.zoom="90%"。您还可以使用 document.body.style.transform = scale(2); 来使缩放看起来更漂亮,但浏览器支持更好。您可以在 transform = scale() 之后使用 document.body.style.transform = "translate(0, 0)"; 使页面居中。