网站CSS和字体大小-最佳实践

6
在我的网站CSS中,我使用EM、PX、PT和百分比来设置字体大小。
我还使用JQuery UI,它使用EM。
现在我需要将所有字体大小略微缩小。
总的来说,最好的方法是如何稍微降低所有字体大小,并且我应该改变如何设置字体大小的方式吗?
似乎每个人对这个话题都有不同的看法。
3个回答

13
根据我的理解,你需要做的是像这样做: body{font-size:11px;} 这将使得 1em = 11px 现在,你可以在各个元素中使用em作为字体大小的单位,例如: a{font-size:1em;} 然后对所有元素采用相同的方式设置字体大小,例如h1{font-size:2em;} 如果你需要增加或减小字体大小,只需在标签中设置字体大小即可,例如: body{font-size:13px;} 等等。
希望这能帮到你。

4

在旧时代,人们推荐使用em字体,因为较旧版本的IE浏览器无法在缩放文本时进行调整。

现今所有浏览器都能进行完整页面缩放,所以这个问题已不再重要。我建议使用px作为单位,它可以给你更好的控制。


3
最佳的字体大小调整实践是使用em,因为它与用户客户端分辨率无关。但我在自己的应用程序中使用像素,因为我希望在更高分辨率下呈现更小的字体。但是百分比不推荐用于字体大小。
另外,您可以参考this thread进行比较。
此外,这会有所帮助:http://kb.mozillazine.org/Em_vs._ex

这个链接 https://www.w3.org/WAI/GL/css2em.htm 也有关于“em”单位的很好的介绍。 - Tejasvi Hegde

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接