HTML - 你如何使H5页面禁止手动缩放
在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
则禁止用户进行缩放。
评论已关闭