HTML - 你如何使H5页面禁止手动缩放
warning:
这篇文章距离上次修改已过448天，其中的内容可能已经有所变动。
在HTML页面中，可以通过在<head>标签内添加<meta>标签来禁止用户手动缩放页面。你可以设置viewport以确保页面不会缩放，并且提供user-scalable=no来指明用户不能手动缩放。
下面是禁止用户缩放的HTML页面的示例代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>禁止手动缩放的页面</title>
<!-- 禁止用户缩放 -->
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
</head>
<body>
<h1>这个页面不能手动缩放。</h1>
</body>
</html>在这个例子中，viewport 的 width=device-width 设置确保页面宽度与设备屏幕的宽度一致。initial-scale=1 确保初始缩放等级为1，即不缩放。user-scalable=no 则禁止用户进行缩放。
评论已关闭