AI ANSWERS by 1 NOTES

WEB制作、AI、Windows、アプリの使い方など様々な疑問を解決する

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.0user-scalable=noによって拡大縮小を無効化しています。

この設定により、ユーザーはページを拡大縮小することができず、常に1倍の拡大率で表示されます。