移动端页面基础-理想视口

夜箜泠

已于 2022-04-26 14:48:54 修改

阅读量246

点赞数

分类专栏：移动端学习文章标签： html5 移动开发

于 2021-12-01 01:23:58 首次发布

本文链接：https://blog.csdn.net/xxx51129/article/details/121646334

版权

移动端学习专栏收录该内容

3 篇文章 0 订阅

订阅专栏

布局视口宽度 = 视觉视口宽度 = 设备宽度( = 内容宽度)

自定义用户代码段

点击设置——》用户代码片段

选择新建全局代码片段文件：

输入新建代码片的名字：

然后按“Enter”键（名字可以任取，我的是‘html’）

把默认生成的示例代码删掉，复制进新的代码，如下：

复制新的代码，保存：

需要复制的代码如下：

{
	"html": {
		"prefix": "html",
		"body": [
			"<!DOCTYPE html>",
			"<html>\n",
			"<head>",
			"\t<meta charset=\"UTF-8\">",
			"\t<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0\">",
			"\t<meta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\">",
			"\t<title>Document</title>",
			"\t<link rel=\"stylesheet\" href=\"$1\">",
			"\t<script src=\"$2\"></script>",
			"</head>\n",
			"<body>\n$3",
			"</body>\n",
			"</html>"
		],
		"description": "The full sample code - html5."
	}
}