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

Question

在我的网站CSS中，我使用EM，PX，PT和Percentages来设置字体大小。

我也在使用使用EM的JQuery UI。

我现在已经到了需要将所有字体大小调整为略小的地步。

总而言之，将所有字体大小降低一点的最佳方法是什么？我应该改变我的字体大小，无论哪种方式？

每个人似乎对这个话题都有不同的看法。

Answer 1

据我所知。 你必须做的是这样的事情：

body{font-size:11px;}这将使1em = 11px

现在，无论你在em设置字体大小如下：

a{font-size:1em;}并按照相同的方式对所有元素如h1{font-size:2em;}

现在，如果您需要增加减小字体大小，只需在体内设置字体大小，如：

body{font-size:13px;}等

希望有所帮助

Answer 2

在过去，人们建议使用em作为字体，因为旧的IE版本没有在缩放上调整文本的大小。

现在所有浏览器都进行全页缩放而不仅仅是文本，因此这是一个无关紧要的问题。 我建议使用px，因为它可以让你很好地控制。

Answer 3

调整字体大小的最佳做法是em。 因为它与用户客户端解析无关。 但我在自己的应用程序中使用像素。 因为我想以更高的分辨率渲染较小的字体。 但根本不建议使用百分比字体大小。

你也可以看到这个线程进行比较

这也有帮助： http ： //kb.mozillazine.org/Em_vs._ex