CSSでズームを無効にする方法

CSS でスケーリングを無効にする方法: まず、対応するフロントエンド コード ファイルを開き、次に 2 つの属性「maximum-scale=1.0、user-scalable=0」をメタ タグに追加して、ページ スケーリングを無効にします。

この記事の動作環境: Windows7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

ページの拡大縮小を許可しないように CSS を設定するにはどうすればよいですか?

ページの拡大縮小を許可しないように CSS を設定するにはどうすればよいですか?ページのズームを無効にしますか?

実際には、次の 2 つの属性をメタ タグに追加するだけです:

maximum-scale=1.0, user-scalable=0

そのうち、maximum-scale: ユーザーが許可する最大ズーム値、user-scalable: ユーザーがズームを許可します。デフォルトの属性は許可する場合は yes または 1 で、許可しない場合は no または 0 に設定する必要があります。

最後に、実際の設定は次のとおりです:

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

これには主に次の属性があります:

width - ビューポートの幅

height - ビューポートの高さ

initial-scale - 初期のスケーリング率

minimum-scale - ユーザーがズームできる範囲 最小スケール

maximum-scale - ユーザーがズームできる最大スケール

user-scalable -ユーザーが手動でズームできるかどうか

【推奨学習: cssビデオチュートリアル】

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