html 禁止缩放

作者：血之メ狂霸发布日期:2026-03-10 浏览:104

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>禁止缩放</title>
</head>
<body>
    <h1>这是一个禁止缩放的网页示例</h1>
    <p>通过设置 viewport 的 maximum-scale 和 user-scalable 属性，可以禁止用户缩放页面。</p>
</body>
</html>

解释说明：

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">：这行代码用于控制页面在移动设备上的显示方式。
- width=device-width：设置页面宽度为设备的宽度。
- initial-scale=1.0：设置初始缩放比例为1。
- maximum-scale=1.0：设置最大缩放比例为1，即不允许放大。
- user-scalable=no：禁止用户手动缩放页面。

上一篇：html常用标记有哪些

下一篇：html 文字加粗