当我们使用VSCode初始化了HTML文件之后,会出现这样的几端代码,我们之前阐述过html文档标签、head头部标签、body标签,我们今天来看一下视口标签:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>
其中这一段就是视口标签,这是初始化的一些属性:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
我们再来补充一些常用的、移动端的属性:
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, maximum-scale=1.0, minimum-scale=1.0">
inital-scale:初始化缩放比
maximum-scale:最大缩放比
minimum-scale:最小缩放比
user-scalable:用户是否可以缩放(yes/no/【1/0】)