ホームページ >ウェブフロントエンド >H5 チュートリアル >モバイルデバイス (携帯電話、パッド) ブラウザーがダブルクリックして Web ページを拡大できないようにする方法_html5 チュートリアル スキル
モバイルデバイス (携帯電話、パッド) ブラウザーがダブルクリックして Web ページを拡大できないようにする方法_html5 チュートリアル スキル
- WBOYオリジナル
- 2016-05-16 15:47:482900ブラウズ
現在、携帯電話やタブレットなどのモバイル デバイスのブラウザには、ダブルクリックによる拡大設定がデフォルトで設定されています。ダブルクリックによる拡大を防ぐにはどうすればよいですか?
ビューポート メタはモバイル ページで提供されており、ズームの設定に使用できます。 ただし、ビューポートを使用する前に、ページのドキュメント タイプをモバイル タイプに変更する必要があります。 通常のページ DTD は XHTML または単純な HTML5 宣言です。モバイル デバイスでは次の宣言を使用する必要があります。
コードをコピー
コードは次のとおりです:DTD を設定した後、ビューポートを使用して次のことを行うことができます。ページのズームを無効にします。 ページ ビューのユーザー スケーリングをオフにするには、user-scalable を 0 に設定するのが一般的です。
コードをコピー
コードは次のとおりです:ただし、互換性を高めるために、完全なビューポート設定を使用します。
コードをコピー
コードは次のとおりです:ビューポートに関する詳細情報が必要な場合は、MDN を参照してください
https://developer.mozilla.org/en-US/docs/Mobile/Viewport_meta_tag
DTDはHTML5としてしか宣言できないようで、
の下にviewportタグが追加されています声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。