android - Android 2.3 中显示不需要的符号，通过 li 或 ul 标签

Question

我的网站顶部显示了一个社交图标列表，它在 Android 2.3 中显示不需要的符号。我这辈子都想不通为什么……

我已经排除了它是 <a> 的可能性标签，以及附加在这些标签上的 CSS。

有什么想法吗？

我删除了我知道不是原因的代码:

HTML

<section class="grid-3 grid-flow-opposite social-icons">
    <ul>
        <li><a class="facebook" href="#" target="_blank"></a></li>
        <li><a class="twitter" href="#" target="_blank"></a></li>
        <li><a class="youtube" href="#" target="_blank"></a></li>
        <li><a class="linkedin" href="#" target="_blank"></a></li>
        <li><a class="email" href="#"></a></a></li>
    </ul>
</section>

CSS(萨斯)

.social-icons {
    width: 30%;
    padding: 20px 0;
    margin: 0;
    ul {
        position: relative;
        left: 80px;
        text-align: left;
        li {
            display: inline-block;
            zoom: 1;
            *display: inline;
            padding-left: 2%;
            a {
                position: relative;
                display: block;
                width: 35px;
                height: 35px;
                .no-svg & {
                    &.facebook { background: url(../img/icons-facebook.png) no-repeat center; }
                    ******* etc... etc....
                }
            }
        }
    }

(为清晰起见，从 CSS 中删除了链接图像)

所有基本的权利....Android 2.3 和 li 标签是否存在一些已知问题或默认行为？

Answer 1

移除了text-rendering: optimizeLegibility，修复了