ホームページ  >  記事  >  ウェブフロントエンド  >  HTMLでページズームを無効にする方法

HTMLでページズームを無効にする方法

青灯夜游
青灯夜游オリジナル
2021-05-05 09:33:4421938ブラウズ

HTML では、meta タグを使用してページのスケーリングを禁止できます。meta タグの "maximum-scale" 属性の値を "1.0" に設定し、"user" 属性の値を設定するだけです。 -scalable" 属性を "0" に設定します。

HTMLでページズームを無効にする方法

このチュートリアルの動作環境: Windows 7 システム、HTML5 バージョン、Dell G3 コンピューター。

HTML5 ページでは、デフォルトでユーザーがページを拡大または縮小したり、画面をダブルクリックして拡大または縮小したりできます。

デフォルト設定は:

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

ズームを無効にしたい場合は、次の設定に変更できます:

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

推奨チュートリアル: "html videoチュートリアル"

以上がHTMLでページズームを無効にする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。