1

在 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 用户设置一些东西——基于我们网站上的“首选项”网页。

4

1 回答 1

1

您可以使用document.body.style.zoom="90%"任何您想要的百分比。您还可以使用document.body.style.transform = scale(2);更棘手的方法来使缩放看起来不错，但具有更好的浏览器支持。您可以document.body.style.transform = "translate(0, 0)";在 transform = scale() 之后使用来使页面居中。

于 2020-12-09T20:43:06.157 回答