html5禁止浏览器缩放网页大小 (实用）

最新推荐文章于 2025-02-25 16:36:05 发布

chelen_jak

最新推荐文章于 2025-02-25 16:36:05 发布

阅读量1.1w

点赞数 2

分类专栏：实用 HTML5

原文链接：https://blog.csdn.net/chelen_jak/article/details/47679415

版权

实用同时被 2 个专栏收录

738 篇文章

订阅专栏

HTML5

155 篇文章

订阅专栏

延伸阅读：meta标签viewport详解
html5默认允许用户缩放页面，如果需要禁止缩放，我们需要将user-scalabel=0设置下，具体代码如下：
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" />
注意:meta在head里。

<!DOCTYPE HTML>
<style>
    body {
        margin: 0;
        padding: 0;
    }
</style>

<script>
    //window.onload = function () {
    //}
</script>

<html>
<head>
    <meta name="viewport" 
     content="width=device-width, initial-scale=1.0, maximum-scale=1.0, 
     user-scalable=0;"/>
    <title></title>
</head>
<body>
   ...
</body>
</html>