解決移動端頁面在蘋果端滑不到底部的問題

本人在開發項目中遇到的問題，在項目進入到測試階段的時候，蘋果端手機上的頁面滑不到底部（底部固定有導航欄），也就是咱們常說的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;


}