本人在開發專案中遇到的問題，在專案進入到測試階段的時候，蘋果端手機上的頁面滑不到底部（底部固定有導航欄），也就是我們常說的margin-bottom或者padding-bottom失效了，這可蛋疼了。經過幾次實驗，我發現自己在body內的容器所寫的margin-bottom沒有起到一點效果，蘋果機上顯示不出來，自己在body上的margin-bottom也沒有效果，這是因為在body容器內的div:margin-bottom在蘋果端上高度不會自適應的。因此解決方法兩種。
法一：在body上設定高度100%，body中的元素可以設定margin-bottom。
body法二：在body的底部寫乙個空的div。div
div
移動端在頁面輸出除錯資訊
部落格 在移動端，沒有了pc瀏覽器上除錯 的利器，導致我們很難排查和除錯問題，於是我就簡單的寫了乙個可把log輸出到頁面上的js 那麼log輸出的日誌裡通常需要包含這些資訊 當前時間，精確到秒或毫秒 輸出想要輸出的資訊 除錯的檔案 log輸出所在的行數，同乙個檔案可能有多個log輸出，最好每個都能定...
適應不同移動端web頁面解決方案
同乙個html在不同的移動裝置上顯示效果也有不同.在剛開始開發移動端的時候,經常遇到不同裝置頁面錯位的問題.網上也有好多種解決方案.這裡介紹其中一種解決方案.說方案之前首先得解釋一下單位 px,em,rem,vw px畫素 相對長度單位。畫素px是相對於顯示器螢幕解析度而言的.比如說解析度是1366...
移動端頁面相容性解決方案
一,css部分 1,meta標籤 maximum scale 1,minimum scale 1,user scalable no 移動端加上這個標籤才是真正的自適應，不加的話，假如你把乙個980px寬度 手機端常規是980 的pc網頁放在手機上顯示，倒也能正常顯示不出現滾動條，不過是移動裝置對頁面...