<li>链接在iPhone上显示较小的项目符号</li>

Question

我注意到<li><a>abc</a></li> iPhone上的子弹比<li>abc</li>小。除了使用背景图像之外，还有其他CSS修复方法吗？

有人还告诉我同样发生在三星Galaxy s5上，但它在三星Galaxy s3上看起来很好。

Answer 1

您可以尝试以下代码：

ul {
   list-style: none;
}

ul li:before {
   content: "•";
   font-size: 170%; /* or whatever */
   padding-right: 5px;
}

您正在摆脱标准点并将其替换为可以控制其大小的标准点（相应地调整字体大小）

编辑：至于<li>abc</li>可能大于<li><a>abc</a></li>的原因，可能是因为您的代码也可能包含正在应用的样式，最终会影响内容的大小。

<a></a>未被正确使用并可能导致您出现问题的事实。