4

私は、言語聴覚士がスピーチの吃音を数えるために使用する（非常に）小さなページを作成しています。音節ごとに「音節」ボタンを押し、吃音ごとに「吃音」ボタンを押します。

使用目的はAndroidタブレットです。すべてのコードが機能しています（jQueryを使用）。それはコンピュータ上でうまく動作します。問題は次のとおりです。すばやくタップする必要があります（音節ごとに1回）。また、Androidブラウザーをすばやくタップすると、ズームインおよびズームアウトして狂ってしまいます。

したがって、ページの幅を固定してズームインおよびズームアウトする必要がないようにする方法や、Android4.0にダブルタップズームアクションを実行しないように指示する別の方法があります。

これが私のコードです。無関係だと思うので、jQueryとheadを省略しました。しかし、あなたはページがどれほど小さいかを見ることができます。

...
<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">&nbsp;
<input type="button" value="Error" id="e-button">&nbsp;
<input type="button" value="Reset" id="reset">
</body>
</html>

編集：私のコードはここにあります：http ：//www.duncannz.com/pages/stutter-count.php （デスクトップの場合）、またはhttp://www.duncannz.com/pages/stutter-count.php？mobile = 1（携帯電話/タブレット用）

4

3 に答える 3

3

<meta>ズームを制限するために使用できます。

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

次に、 で、phpこれがモバイル デバイスかどうかを確認します。モバイル デバイスである場合は、そのmetaタグをエコーし​​ます。

于 2012-05-23T09:00:30.643 に答える
2 
<meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no,width=device-width">

メタ ビューポート タグは、ほとんどの場合、問題を解決します。しかし、Android には奇妙な問題があり、向きを変更するとメタ タグがリセットされ、ページを再度拡大または縮小できます。

Android モニター orientaionchange でこの問題を修正し、すべての orientationchange イベントでメタ ビューポート タグを設定します。

コードスニペットのリンクは次のとおりですhttp://moduscreate.com/orientation-change-zoom-scale-android-bug/

于 2013-02-14T00:52:31.563 に答える