android - Android 浏览器中列表项后的行

Question

我在使用下拉菜单时遇到问题，下拉菜单在每个列表项之后都有一个错误行。它们似乎不是来 self 添加的任何样式，而且我已经尝试删除所有我能想到的可能导致它的东西。下图中的线条看起来很实，但您可以看到第一个没有其他的那么暗。放大列表时，有些线条完全消失了，这让我觉得这是某种 android 错误？

导航本身的结构如下:

<nav>
    <ul>
        <li id="nav-button">
            <div id="nav-click" class="closed"><span>Menu</span></div>
            <ul class="sub-nav">
                <li><a href="#">Link1</a></li>
                <li><a href="#">Link2</a></li>
                <li><a href="#">Link3</a></li>
                <li><a href="#">Link4</a></li>
            </ul>
        </li>
    </ul>
</nav>

除了在 android 上，所有设置的样式都很好用。 .sub-nav 的 css 是这样的。菜单的其余部分还有更多样式，但我将它们排除在外，因为只有这个子列表给我带来了问题。

.sub-nav li {
    float: left;
    width: 100%;
    text-align: center;
    border: none;
    padding: 0;
    margin: 0;
    display: block;
}

Answer 1

从 <a> 中删除背景元素并将背景添加到 <ul>相反，<a> 之间似乎存在一些奇怪的子像素间隙元素。