(1).H5頁面在iOS網頁中手機號碼顏色改變

H5頁面在iOS網頁中的數字被識別為電話號碼,原因在於Safari瀏覽器的問題:解決該問題只需在head標籤中新增如下程式碼即可解決。

<metaname="format-detection"content="telephone=no"> 

在Vue上的具體程式碼位置如圖：

專案路徑

FF730ACF-F192-4548-8961-1C69BE380223.png

(1).用webpack後，控制文字顯示行數沒有用

 overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient: vertical;
 

用上述程式碼來設定換行，在本地設定是有效的，但是打包後發現不換行了，程式碼是沒有錯的，想著可能是打包的問題，最終還是找到了打包後-webkit-box-orient樣式會丟失。
上述程式碼更改為：

overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:1;
    /*! autoprefixer: off */
    -webkit-box-orient: vertical;
    /* autoprefixer: on */

-webkit-box-orient: vertical需要加上上文中的註釋！

(1).用webpack後，某些圖片找不到路徑

我們剛開始建立Vue專案時，把圖片放在瞭如下圖路徑：

打包後，發現專案中圖片不顯示，才知道原來打包時圖片是在src中尋找，根本找不到啊，我們應該把圖片資料夾整體挪到了如圖：

這樣完美解決問題！