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


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


}

 

 

 

 

  

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM