Question

我有一个简单的CSS和HTML结构，在iOS 8.3上使用属性stickyView在Safari 8.3上运行时无效。我尝试了另一款带有最新版本的iPad，它显示得很好。

justify-content: space-around;

.backgrounds {
    height: 13.5vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-justify-content: space-around;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}
.backgrounds img {
    width: 10vh;
    height: 10vh;
}

在使用iOS 8.3的Safari中，图像在中心对齐，这很好，但它没有应用空间规则。我尝试过间隔，并且该属性确实应用了它。

有关此问题的任何解决方法吗？前缀已添加了自动前缀构建与gulp。

Answer 1

为什么不给图像边缘？

.backgrounds img {
    width: 10vh;
    height: 10vh;
    margin-left:40px;
    margin-right:40px;
}

我只是粗略地猜到了40px，但如果你四处乱窜，你应该为你找到合适的价值。

Safari iOS 8.3 - 空间无法正常工作

1 个答案: