自定义用户代码片之(移动端viewport理想视口)

viewport理想视口

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

<span ><span ><meta name="viewport" content="/>;</span></span>

<span ><span ><meta name="viewport" content="></span></span>

1.  以上的代码,我们每次反复的书写,非常的繁琐,自定义用户代码片

点击设置用户代码片段

 

2. 选择新建全局代码片段文件:

3. 输入新建代码片的名字:  

4. 把默认生成的示例代码删掉,复制进新的代码,如下: 5.  复制新的代码,保存:

新的代码如下:{
 {
    "html": {
        "prefix": "html",
        "body": [
            "<!DOCTYPE html>",
            "<html>\n",
            "<head>",
            "\t<meta charset=\"UTF-8\">",
            "\t<meta name=\"viewport\" content=\">",
            "\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>

6. 输入html 按回车键测试一下:(我新建的代码片段名字叫html)

 7.如果需要删除代码片段:

自定义代码片段的默认地址:

C:\Users\Administrator\AppData\Roaming\Code\User\snippets,

找到同名的删掉就ok了

 

 

 

 

来源url
栏目