手机上的全角背景>>

问题描述 投票:0回答:1

我在移动设备上遇到无序列表ul全宽背景的困难时期。当我使用Chrome测试它时,全角背景显示没有任何问题(下图1),但是当我在手机上对其进行检查时,我看不到背景(下图2)。

网站地址为here

enter image description here

enter image description here

.tabs--primary {
    width: 100%;
    background: #E9E8E8;
    border: none;
    position: relative;
    padding: 15px 0;
    margin-bottom: 1px;
    min-height: 60px;
    display: flow-root;
}
.tabs--primary:before, .tabs--primary:after {
    content: "";
    position: absolute;
    background: #E9E8E8;
    top: 0;
    bottom: 0;
    width: 9999px;
}
.tabs--primary:before {
    right: 100%;
}
.tabs--primary:after {
    left: 100%;
}

我在移动设备上遇到无序列表或全幅背景的麻烦。当我使用Chrome测试它时,全角背景显示没有任何问题(下面的第一张图像),但是当我在...上检查它时...

css twitter-bootstrap twitter-bootstrap-3
1个回答
0
投票

[我认为这是与iOS Safari有关的问题,目前不支持display: flow-root;。但是,大多数台式机浏览器(包括Chrome)目前都支持此功能。

© www.soinside.com 2019 - 2024. All rights reserved.