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倍の拡大率で表示されます。