zoukankan      html  css  js  c++  java
  • 解决移动端页面在苹果端滑不到底部的问题

    本人在开发项目中遇到的问题,在项目进入到测试阶段的时候,苹果端手机上的页面滑不到底部(底部固定有导航栏),也就是我们常说的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;
    
    
    }

     

      

  • 相关阅读:
    10-3 集合之Set
    【Angular】排序
    【Mongous】
    【验证码】
    爬虫
    【DOM】
    年月日
    【Mocha】
    【Test】
    洛谷——P1823 音乐会的等待
  • 原文地址:https://www.cnblogs.com/jaume/p/7249972.html
Copyright © 2011-2022 走看看