在使用vue+mintui寫專案的時候發現在電腦上除錯很好，但是到手機上就發現介面變得好小好小，於是google了一些解決了該問題。
參考html網頁相容手機瀏覽器（解決顯示頁面很小的問題）,新增一下**到mata宣告中即可。
charset="utf-8"
name="viewport"
content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"/>
「自適應網頁設計」到底是怎麼做到的？其實並不難。首先，在網頁**的頭部，加入一行viewport元標籤。
viewport是網頁預設的寬度和高度，上面這行**的意思是，網頁寬度預設等於螢幕寬度（width=device-width），原始縮放比例（initial-scale=1）為1.0，即網頁初始大小佔螢幕面積的100%。
所有主流瀏覽器都支援這個設定，包括ie9。對於那些老式瀏覽器（主要是ie6、7、8），需要使用css3-mediaqueries.js。
fixed在手機端的bug
在ios下，乙個頁面如果有fixed浮層，並且浮層裡面有input，那麼當input focused的時候，fiexed層的位置就會錯亂。如圖 例子 掃碼檢視頁面效果 解決方法是，將除了fiexed層的內容放在div.container裡面並加上以下樣式。即整個body設定100 的高度不做滾動，只...
canvas在手機端模糊的處理
最近在做專案時用到了canvas做趨勢圖，結果畫出來的趨勢圖在模擬器上是清晰的，但放到手機上卻是非常模糊。所以在網上收集了資料，因為裝置畫素和css畫素不一致，而我們用canvas畫圖用的是css畫素，導致在手機上顯示時，canvas被拉伸了，所以導致了canvas的模糊。對於這種情況，我們只要保證...
在手機上測試你自己開發的網頁
怎麼在手機瀏覽器裡檢視你在腦上開發的網頁呢？總的來說就是幾個詞語 伺服器 手機 同乙個區域網。有可能有些同學忽然接觸到這個，然後有點小蒙，所以我分享一下我成功的步驟。1.把開發的網頁放到xampp安裝路徑下的htdocs資料夾下，原因是 xampp是乙個整合資料庫，伺服器等的開發工具，htdocs是...