移动端兼容性问题

最新推荐文章于 2025-09-11 22:10:09 发布

weixin_34190136

最新推荐文章于 2025-09-11 22:10:09 发布

阅读量90

点赞数

CC 4.0 BY-SA版权

文章标签： python

原文链接：https://my.oschina.net/wsh2016/blog/1576501

2019独角兽企业重金招聘Python工程师标准>>>

1、定位位置问题

在某些6s上定位的层，定位不写左右定位，默认left:0，但是在有些iphone上是不行的，所以需要加上left或者right.即位置必须写全，left:0;right:0;bottom:0;要不然有问题，问题见截图1和截图2底部按钮表现形式。样式：

.sharelayer {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 50px;
    background-image: linear-gradient(90deg,#00d66f,#43ac43);
    border: 1px solid #e5e5e5;
    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height: 50px;
}

 .sharelayer {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 50px;
    background-image: linear-gradient(90deg,#00d66f,#43ac43);
    border: 1px solid #e5e5e5;
    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height: 50px;
    left: 0;
    right: 0;
}