网站特定页面放大 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)";
使页面居中。
在 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)";
使页面居中。