使用视口元标记使网站在移动设备上可扩展

Question

大家早，

我试图让我的网站，以便人们可以捏缩放移动设备，以便它加载到正确的大小。

目前在iPhone上该网站加载放大（一切看起来都很大），但你可以捏缩放它，使其适合手机的宽度。

在Chrome浏览器上用于Android但是缩放到缩放根本不起作用并且网站它放大了（不适合设备宽度）。

我目前正在使用Meta：

  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=12.0, minimum-scale=.25, user-scalable=yes"/>

在我的头部标签，并尝试了一些我在网上研究时发现的变种。 这似乎没有效果。

另一件事是iPhone上的所有页面都缩放到缩放工作但是这个代码目前只在主页上....这让我觉得浏览器可以在iPhone上进行缩放。 不是这个代码......

任何帮助非常感谢！

Answer 1

您提到的代码限制了您可以执行的缩放量。 在您的情况下，例如，最大缩放可以是初始大小的12倍，缩小只能达到您提到的初始大小的1/4，即1.0

要检查，使user-scalable=no和maximum-scale=1.0所以，是的，浏览器处理缩放，你可以简单地限制它。