モバイルデバイス (携帯電話、パッド) ブラウザーがダブルクリックして Web ページを拡大できないようにする方法_html5 チュートリアル スキル

現在、携帯電話やタブレットなどのモバイル デバイスのブラウザには、ダブルクリックによる拡大設定がデフォルトで設定されています。ダブルクリックによる拡大を防ぐにはどうすればよいですか?

ビューポート メタはモバイル ページで提供されており、ズームの設定に使用できます。 ただし、ビューポートを使用する前に、ページのドキュメント タイプをモバイル タイプに変更する必要があります。 通常のページ DTD は XHTML または単純な HTML5 宣言です。モバイル デバイスでは次の宣言を使用する必要があります。

コードをコピー

コードは次のとおりです:

DTD を設定した後、ビューポートを使用して次のことを行うことができます。ページのズームを無効にします。 ページ ビューのユーザー スケーリングをオフにするには、user-scalable を 0 に設定するのが一般的です。

コードをコピー

コードは次のとおりです:

ただし、互換性を高めるために、完全なビューポート設定を使用します。

コードをコピー

コードは次のとおりです:

ビューポートに関する詳細情報が必要な場合は、MDN を参照してください

https://developer.mozilla.org/en-US/docs/Mobile/Viewport_meta_tag

DTDはHTML5としてしか宣言できないようで、

の下にviewportタグが追加されています