如何在Android上禁用网页缩放？_Android_Html_Scaling_Viewport

如何在Android上禁用网页缩放？

android html

如何在Android上禁用网页缩放？,android,html,scaling,viewport,Android,Html,Scaling,Viewport,我已经编写了一个小型web应用程序来收集一些数据并将其存储在中央数据库中。我在Android智能手机上四处走动，读取值并将它们输入网站。这只是为了我，所以这次没有公共可用性问题现在我想添加一个按钮来增加一个读数，我需要能够按下这个按钮几次。但如果我做得太快，浏览器会识别出一个双选项卡，并缩放页面我已经添加了一个视口标题，并使用了在web上可以找到的所有值组合。但是页面仍然可以伸缩。我怎样才能阻止它这里有一个对我来说失败的最小测试页面： <!doctype html> <h

我已经编写了一个小型web应用程序来收集一些数据并将其存储在中央数据库中。我在Android智能手机上四处走动，读取值并将它们输入网站。这只是为了我，所以这次没有公共可用性问题

现在我想添加一个按钮来增加一个读数，我需要能够按下这个按钮几次。但如果我做得太快，浏览器会识别出一个双选项卡，并缩放页面

我已经添加了一个视口标题，并使用了在web上可以找到的所有值组合。但是页面仍然可以伸缩。我怎样才能阻止它

这里有一个对我来说失败的最小测试页面：

<!doctype html>
<html>
<head>
<title>Test page</title>
<meta name="viewport" content="width=device-width, user-scalable=no" />
<style type="text/css">
body
{
    font: 16pt sans-serif;
}
</style>
</head>
<body>
This is a test page. It should not be scalable by the user at all. Not with the two-pinger pinch gesture and even less with a double-tap on the text.
</body>
</html>


测试页
身体
{
字体：16磅无衬线；
}
这是一个测试页面。用户根本不应该对其进行扩展。不是用两个pinger捏手势，更不用说双击文本了。

添加初始比例=1，最大比例=1和各种各样的目标WhateVeriwas dpi不会改变任何事情。我已经重新启动了浏览器（Dolphin HD和stock浏览器）并清除了缓存。我使用的是安卓2.2，这款手机是HTC的理想之选。

同时尝试所有这些（摘自）：

然后告诉我们您的经验

这是Android浏览器中的一个已知错误：

使用以下代码行：

检查三星Galaxy S支持的应用程序。但是当我打开Galaxy Ace内的同一链接时，关闭缩放是不支持的

请检查您的应用程序或其他手机，然后检查。请通过下面的链接，您将了解您的想法：

我从来没有使用过“用户可伸缩=否”，相反，我使用了“用户可伸缩=0”，这似乎很有效。

这在所有android浏览器中都适用：

<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />

一个常见的错误是，人们使用2个元视口标记，如下所示：

<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
<meta name="viewport" content="width=device-width" />

在某些浏览器中，第二个meta-viewport标记会覆盖第一个标记（例如，android的chrome）。没有理由使用两个元视口标记，因为第二个标记包含在第一个标记中

有关更多详细信息，请参见

<meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no,width=device-width">

在大多数情况下，元视口标记确实解决了这个问题。但是Android有一个奇怪的问题，在方向改变时，meta标签被重置，你可以再次缩放页面

用于在Android monitor orientationchange中修复此问题，并在每个orientationchange事件上设置元视口标记

这里是代码片段的链接

我已经尝试了所有这些方法，但都不适用于我。我发现这个很管用

     <!-- set viewport to native resolution (android) - disable zoom !-->
   <meta 
       name="viewport" 
       content="target-densitydpi=device-dpi; width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" 
    />

从

中，您找到解决方案了吗？我在三星设备和HTC上遇到了同样的问题？Meta标记不起作用。这条评论提出了一个非常类似的问题，答案显然是你不得不接受它：很抱歉反应太晚，Stackoverflow通知在过去工作得更好。您建议的代码根本不会改变任何东西。我仍然可以缩放页面。这听起来很合理。接受，考虑到其他有用答案的数量较少。“user scalable=no”从未对我起作用，相反，我使用“user scalable=0”这似乎很有效。@dvdfrdsgn可能会起作用，但基于

user scalable

对我也不起作用，我认为这是无效的。我仍然可以用那个设置放大。看起来Android（2.2）根本做不到。我也遇到了同样的问题，这是唯一可行的解决方案：Android浏览器、chrome和iPhone。

     <!-- set viewport to native resolution (android) - disable zoom !-->
   <meta 
       name="viewport" 
       content="target-densitydpi=device-dpi; width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" 
    />