本人在開發項目中遇到的問題,在項目進入到測試階段的時候,蘋果端手機上的頁面滑不到底部(底部固定有導航欄),也就是我們常說的margin-bottom或者padding-bottom失效了,這可蛋疼了。經過幾次實驗,我發現自己在body內的容器所寫的margin-bottom沒有起到一點效果,蘋果機上顯示不出來,自己在body上的margin-bottom也沒有效果,這是因為在body容器內的div:margin-bottom在蘋果端上高度不會自適應的。因此解決方法兩種。
法一:在body上設置高度100%,body中的元素可以設置margin-bottom。
body{ height:100%; } div{ margin-bottom:90px; }
法二:在body的底部寫一個空的div。
div{ height:90px; }