HTML5でページ拡大を無効にする方法

HTML5 では、「<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">」を渡すことができます。 「ズームインは禁止です。

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

html5 では、携帯電話での

#html5 ページのズーム (ズームインとズームアウト) が禁止されていますが、デフォルトでは、ユーザーがページをズームしたり、ダブルクリックしたりすることが許可されていることがわかりました。画面上でズームインまたはズームアウトします。これは、次のような設定と同等です。

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

ズームを無効にしたい場合は、HTML 内のメタ タグの対応するパラメータを変更するだけです。

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

このメタ タグの機能は、次のとおりです。現在のビューポートの幅はデバイスの幅と等しくなりますが、ユーザーは手動でズームできません。

maximum-scale はユーザーに許可される最大ズーム値です。user-scalable はユーザーがズームできるかどうかです。yes (デフォルト) は許可されることを意味し、no (0) は許可されないことを意味します。 2 つはページをブロックする可能性があります 増幅中 (テスト後、欠落しているアイテムはどれも効果を達成できません)

推奨チュートリアル: "

html ビデオ チュートリアル "

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