我在制作一个小页,由语言和语言治疗师用来计算语句的结节。每个音节都按“可调”按钮,每个结节都按“结节”按钮。
预想的用途在Android板上。 我所有代码都在工作( 使用 jQuery ) 。 它在计算机上运作良好 。 问题在于: 你必须快速点击( 每一个音节都使用一次 ) 。 当你在Android 浏览器上快速点击时, 它会放大和放大, 并变得疯狂 。
是否有办法让页面有一个固定的宽度, 这样它就不需要缩放进出, 或者用另一种方式告诉 Android 4. 0 不要做双击缩放动作。
这是我的代码。我忽略了jQuery和头,因为我认为它无关紧要。但你可以看到页面有多小。
...
<body>
<h2>Stutter Count</h2>
Syllables: <span id="s-count">0</span>
<br>
Errors: <span id="e-count">0</span>
<br>
Percent Errors: <span id="all-p-count"><span id="p-count">0</span>%</span>
<br><br>
<input type="button" value="Syllable" id="s-button">
<input type="button" value="Error" id="e-button">
<input type="button" value="Reset" id="reset">
</body>
</html>
EDIT:我的代码在这里:http://www.duncannz.com/pages/stutter-count.php (用于桌面),或
您可以使用 限制缩放 :
时间：2012-05-23 09:00:30
问题回答
<meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no,width=device-width">
Meta Viewport 标签在多数情况下确实解决了问题。 但Android有一个奇怪的问题, 在方向上改变元标签是重置, 您可以重新缩放或缩放页面 。
为了在Android 监控 东方变换中解决这个问题 并为每个方向变换事件设置元视网膜标签
代码 Spunpet < a href='"的链接 http://modecreate.com/ minding-change-zoom- scale-android-bug/" rel="nolfollow" >http://modepate.com/ minding-change-zoom-sale-android-bug/
我没有尝试你的代码, 但如果你用jQuery Mobile在移动一侧使用, 这样的东西可能会有帮助:
$("input").live("focus", function () {
$.mobile.zoom.disable(true);
});
$("input").live("blur", function () {
$.mobile.zoom.enable(true);
});
此代码应该在您的 jQuery Mobile 包含之前使用 。 请注意, 焦点和模糊可能不是您案例中的正确事件 。 我从一个剪切过的代码中提取了这个代码, 如果有人点击我的选中框, 我用它来禁用缩放 。
设计注释: 您可以考虑将状态保存为 html5 本地存储, 仅在用户最终选择提交按钮时才提交计算 。
