vue-6-5

移動端的網頁

1. index.html中的meta屬性

移動端的設備，用戶通過手指放大縮小這樣的操作是無效的，頁面的比例始終是1:1

2. 引入reset.css 重置頁面的樣式表
3. 在項目中應用reset.css => 在main.js內import即可
4. 引入border.css =》解決移動端1像素邊框的問題（多倍屏裏面1像素邊框會被顯示成多像素）
5. 引入fast-click庫 =》300毫秒點擊延遲的問題（在移動端的某些機型上，使用click事件時，click事件會延遲300毫秒才執行。這樣使用click事件的體驗感就不太好）
   • 命令行內：
     在Travel內安裝fastclick
     npm install fastclick --save（把fastclick這個第三方的包安裝到項目的依賴之中 --save的意思是不管在開發環境中還是在打包線上的代碼都需要使用fastclick）
6. 安裝好後重啓服務-- npm run start
7. main,js中引入fastclick