容器高 120px
2个半圆div分别高 60px,绝对定位,为什么在安卓下中间会有 1px 的间距呢?
背景图的高度是60px,已经确认过不是背景图的问题,改成纯色背景也一样。
测试:
ios 微信,safari 正常
android 微信、UC浏览器均不正常
代码如下:
html
css
.container {
position: relative;
width: 120px;
height: 120px;
.top,
.bottom {
position: absolute;
left: 50%;
margin-left: -60px;
width: 120px;
height: 60px;
}
.top {
top: 0;
background: url(top.png) no-repeat center 0;
// background: #000;
}
.bottom {
bottom: 0; // 改为 top: 60px 也一样
background: url(bottom.png) no-repeat center 0;
// background: #000;
}
}