我在移动设备上遇到无序列表ul
全宽背景的困难时期。当我使用Chrome测试它时,全角背景显示没有任何问题(下图1),但是当我在手机上对其进行检查时,我看不到背景(下图2)。
网站地址为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测试它时,全角背景显示没有任何问题(下面的第一张图像),但是当我在...上检查它时...
[我认为这是与iOS Safari有关的问题,目前不支持display: flow-root;
。但是,大多数台式机浏览器(包括Chrome)目前都支持此功能。