CSS Android 及 iOS 得兼容问题 二

1.IOS底部margin-bottom失效

用margin把底部设置一定的间距,IOS上 margin-bottom无效,安卓有效

两种解决办法：
方法一： 设置一个一定高度的div空白块；
方法二：给body加padding-bottom；

            html{
                height:100%;
                overflow-y: hidden;
            }
            body{
                height:100%;
                overflow-y: auto;
                padding-bottom: 60px;
            }

在最外层标签添加 padding-bottom: 1rpx;

.page{
   padding-bottom: 1rpx; //解决margin-bottom失效问题
}

2.

2.

2.

2.

2.

2.

2.