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

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> 没有正确使用，可能会给您带来问题。