zoukankan      html  css  js  c++  java
  • 移动端开发底部元素marginbottom失效解决办法


    一、情景

    记得之前开发一个微信端页面时,发现页面底部元素margin-bottom在ios下失效,在安卓内正常......

    1.safari浏览器内页面底部元素设置margin-bottom失效;

    2.h5页面内嵌app,ios下同样失效;

    3.h5页面微信端,ios下同样失效;

    二、解决办法

    1.在底部使用空白div撑起高度,缺点是会多出来不必要的div。

    2.给body设置height:100%,然后给body设置padding-bottom。缺点是如果针对不同情况页面底部元素可能存在隐藏(比如a条件下显示,b条件下隐藏),那么在b条件的情况下可能导致安卓和ios样式不统一的情况出现。

    总而言之,根据实际开发需求选用合适的解决办法。

  • 相关阅读:
    2014年广州区域赛k题解
    2014年广州区域赛e题解
    2014年广州区域赛i题解
    最大化平均值问题
    codeforces 976e 题解
    maven
    机器学习入门
    拟合
    插值
    熵权法
  • 原文地址:https://www.cnblogs.com/bettermu/p/8422063.html
Copyright © 2011-2022 走看看