1. 讓移動端1:1顯示網頁
做移動端的頁面時要考慮在PC端正常顯示的網頁，在移動端（IOS或者Android）顯示時出現放大好幾倍的現象。這個問題可以通過強制網頁按照1:1進行顯示，在項目預設的首頁模闆檔案index.html中加入這樣一段代碼：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,
minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"> <!--使得移動端的裝置使用者去用手指放大和縮小是沒有效果的，頁面的比例始終是1:1-->
<title>travel</title>
</head>
<body>
<div id="app"></div>
<!-- built files will be auto injected -->
</body>
</html>
2. 引入reset.css（自行下載下傳放在assets/styles檔案夾中）
不同渲染引擎的渲染機制是不一樣的，需要我們統一為一個相同的基準，就是“清零”。不同渲染引擎的渲染機制是不一樣的，需要我們統一為一個相同的基準，就是“清零”。在main.js中引入：
3. 1像素邊框的問題—引入border.css（自行下載下傳放在assets/styles檔案夾中）
移動端CSS裡面寫了1px，實際上在移動端裝置上看起來比1px粗的現象。将解決辦法封裝在border.css這個檔案中，在main.js中引入：
4. 移動端開發中300ms點選延遲的問題—引入fastclick的庫：
在某些機型上，或是浏覽器上，當使用click事件，會延遲300ms才執行，使用者體驗感差。
步驟：
- 安裝fastclick庫到依賴中
項目代碼的初始化 - 這時在package.json中可以看到版本号
項目代碼的初始化 - 引入并綁定到document.body上
項目代碼的初始化 5. Iconfont技術
是一個豐富的矢量圖示庫，之後在項目中用到的小圖示可以直接引入。用GitHub賬号登入建立項目，點選下方的圖示：
項目代碼的初始化 這樣我們項目的準備和初始化工作基本就完成了，要多方面考慮移動端的各種适配問題。 項目代碼的初始化