H5 を使用して無効なスケーリングを追加する

今回はH5を使用してズームを追加する場合と禁止する場合の注意事項を紹介します。

次のコードは、html5追加されたズーム無効化関数を紹介します。具体的なコードは次のとおりです:

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

ps: 携帯電話での Html5 画面ページのズームを無効にします

最近 html5 ページをテストしました。デフォルトでは、ユーザーがページを拡大または縮小したり、画面をダブルタップして拡大または縮小したりできることがわかりました。この状況を禁止したい場合は、対応するパラメータを変更するだけです。

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

この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。

推奨書籍:

H5 でファイルを読み取り、サーバーにアップロードする方法

HTML5 で画像の回転のアニメーション効果を実現する方法

以上がH5 を使用して無効なスケーリングを追加するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。