css - 用于防止空白的无序列表 (ul) 字体大小技术

Question

我正在尝试制作没有 px 的布局。在正文上，我定义了 100% 的字体大小，在 ul 元素中，字体大小应为 0，以防止 li 元素之间出现空白，并且我的 li 元素包含 2.5em 的字体大小：

HTML：

<body><ul id="social"><!-- li elements --></ul></body>

CSS：

body {
    font-size: 100%;
}

#social {
    font-size: 0;
}

#social li {
    font-size: 2.5em;
    display: inline;
}

问题：2.5em 是基于#social 的字体大小为 0。所以我的 li 的字体大小也是 0。我不想让它变得肮脏：</li><li>。

有什么建议么？

score 2 · Accepted Answer

您还可以使用该rem单位，以便<ul>&<li>字体大小相对于<html>元素的计算字体大小，而不是继承父元素的计算字体大小。不过，这可能会也可能不会违背您的预期设计。

支持：http ://caniuse.com/rem （IE 9以下不支持）

1 回答 1