viewport理想視口
-
布局視口寬度 = 視覺視口寬度 = 設備寬度( = 內容寬度)
<span style="background-color:#f8f8f8"><span style="color:#333333"><meta name="viewport" content="width=device-width, initial-scale=1.0 "/>;</span></span>
<span style="background-color:#f8f8f8"><span style="color:#333333"><meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no,maximum-scale=1.0,minimum-scale=1.0"></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=\"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>
6. 輸入html 按回車鍵測驗一下:(我新建的代碼片段名字叫html)


7.如果需要洗掉代碼片段:
自定義代碼片段的默認地址:
C:\Users\Administrator\AppData\Roaming\Code\User\snippets,
找到同名的刪掉就ok了

轉載請註明出處,本文鏈接:https://www.uj5u.com/yidong/330358.html
標籤:其他
