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

时间:2015-02-18 11:17:24

标签: android html iphone viewport meta

早上好,

我试图获取我的网站,以便人们可以捏缩放手机,以便以正确的尺寸加载。

目前在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上进行缩放。不是这个代码......

非常感谢任何帮助!

1 个答案:

答案 0 :(得分:0)

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

要查看,请user-scalable=nomaximum-scale=1.0 所以,是的,浏览器处理缩放,你可以简单地限制它。