html制作页面中如何禁止浏览器缩放？

html-css010

html制作页面中如何禁止浏览器缩放？,第1张

html5默认允许用户缩放页面，如果需要禁止缩放，我们需要将user-scalabel=0设置下，具体代码如下：

<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />

注意:meta在head里。

这个需要通过HTML代码来实现。通过网页的html代码来禁止手机页面放大缩小。方法如下：

html禁止手机页面放大缩小代码：

另外通过特定的手机浏览器的设置也可以实现。

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的<body>标签中，输入html代码：<textarea style="resize:none"></textarea>。

3、浏览器运行index.html页面，此时textarea在网页中的大小被固定不可修改。