在寫網頁的時候，按手機端大小將頁面寫好，但實際上在手機上看的時候，並沒有達到預期的效果，則在寫**時加上meta name=「viewport」 content=「width=device-width,initial-scale=1.0」
下面是對conten值的簡單解釋
intial-scale:頁面首次被顯示是可視區域的縮放級別，取值1.0則頁面按實際尺寸顯示，無任何縮放
maximum-scale=1.0, minimum-scale=1.0;可視區域的縮放級別，
maximum-scale使用者可將頁面放大的程式，1.0將禁止使用者放大到實際尺寸之上。
user-scalable:是否可對頁面進行縮放，no 禁止縮放
蘋果手機端鍵盤只顯示數字
最近做的這個專案裡，在電腦上測試很正常，但是在手機端上測試的時候，蘋果的手機端卻只顯示數字，如圖 那麼這個問題是怎麼回事呢，通過和乙個師姐的講解，發現了這個問題的根源。那麼怎麼想的呢，我們想著既然是輸入的形式有問題，那麼就從 的輸入形式那裡去找，和數字相關的就只有pattern這一塊。所以我查了一下...
手機號碼，移動端顯示問題
頁面中並沒有加特別的樣式，但是手機號的那一行樣式會亂掉。找了好久沒找到原因，chrome模擬出來的也沒有問題，但是放到真正的手機上，卻不行。花粉等級 花木精靈 手機號 15821962788 可用花蜜 837 最後才發現，手機會自動給手機號碼加上標籤，碰巧這個頁面的a標籤加的有別的樣式。禁止數字自動...
手機端顯示1px線 stylus方法
假設有個hello.vue頁面，我用的是stylus編寫css 假如這是個框 如果想在邊框下新增一條 1px 的線，通常在css裡新增屬性和值 border bottom 1px solid rgba 7,17,27,0.1 就能實現。在pc端瀏覽這 1px 是真的 1px，但是在手機端瀏覽的話它就...