android - 带有链接的 <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>使用不当，可能会给您带来问题。