在Android Chrome上特定于网站的页面缩放?

用户名

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

NO_GUI

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章