HTMLで拡縮(ズーム)を禁止するサンプルコード
HTMLで拡縮(ズーム)を禁止するには、以下のメタタグを<head>
セクション内に追加します。
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
</head>
<body>
<!-- ここにコンテンツを追加 -->
</body>
</html>
上記のコードでは、<meta>
要素のviewport
属性を使用して、ビューポートの設定を行っています。content
属性の値にwidth=device-width
を指定することで、ビューポートの幅をデバイスの幅に合わせます。また、initial-scale=1.0
によって初期表示時の拡大率を1倍に設定し、maximum-scale=1.0
とuser-scalable=no
によって拡大縮小を無効化しています。
この設定により、ユーザーはページを拡大縮小することができず、常に1倍の拡大率で表示されます。