Question

我正在尝试制作没有px的布局。在正文中我定义的字体大小为100％，在ul元素中，font-size应为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>。

有什么建议吗？

Answer 1

您还可以使用rem单元，以便<ul>＆amp; <li> font-size是相对于<html>元素的计算字体大小而不是继承父级的计算字体大小。但是，这可能会或可能不会违背您的预期设计。

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