在ios下，乙個頁面如果有fixed浮層，並且浮層裡面有input，那麼當input focused的時候，fiexed層的位置就會錯亂。
如圖:
例子：（掃碼檢視頁面效果）
解決方法是，將除了fiexed層的內容放在div.container裡面並加上以下樣式。即整個body設定100%的高度不做滾動，只給內容div自己滾動。
.container（掃碼檢視頁面效果）
如果我們的頁面裡面嵌入了乙個iframe, iframe頁面裡面又正好有fixed浮層，那麼這個時候ios下檢視這個頁面，會發現fixed失效了。
例子：有bug.html
（掃碼檢視頁面效果）
底部按鈕浮層並沒有固定在螢幕的底部，而是掉在頁面底部去了。
這是ios自帶的bug，android下並不會有這個問題。
解決方法還是，將除了fiexed層的內容放在div.container裡面並加上以下樣式：
（掃碼檢視頁面效果）
將html,body高度設定為100%，將頁面內容都裝在高度為100%的容器裡面，滾動不放在body，放在這個子容器，然後fixed層作為其兄弟節點存在。
android某些機型下，fixed在底部的input，會被彈出來的軟鍵盤擋住。
不要把input放在fixed層裡面，換一種互動方式。
canvas在手機端模糊的處理
最近在做專案時用到了canvas做趨勢圖，結果畫出來的趨勢圖在模擬器上是清晰的，但放到手機上卻是非常模糊。所以在網上收集了資料，因為裝置畫素和css畫素不一致，而我們用canvas畫圖用的是css畫素，導致在手機上顯示時，canvas被拉伸了，所以導致了canvas的模糊。對於這種情況，我們只要保證...
js判斷需要訪問的頁面在手機端還是PC端開啟
方法一 最原始寫的是這樣子，發現在手機端開啟pc端網頁時，是跳轉到pc端的鏈結，但是這個時候移動端頁面顯示不出來，而且會延遲頁面渲染時間 後來發現，其它不變，只要把判斷改一下就ok啦。在pc端只判斷跳轉移動端 pc端專案 if bisipad bisiphoneos bismidp bisuc7 b...
解決網頁在手機端顯示介面很小的問題
在使用vue mintui寫專案的時候發現在電腦上除錯很好，但是到手機上就發現介面變得好小好小，於是google了一些解決了該問題。參考html網頁相容手機瀏覽器 解決顯示頁面很小的問題 新增一下 到mata宣告中即可。charset utf 8 name viewport content widt...