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

时间:2011-04-19 09:05:50

标签: html css font-size

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

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

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

总而言之,将所有字体大小降低一点的最佳方法是什么?我是否应该改变字体大小的方式?

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

3 个答案:

答案 0 :(得分:13)

根据我的理解。你必须做的是这样的事情:

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

现在,您可以在em中设置字体大小,如:

a{font-size:1em;}并按照相同的方式使用h1{font-size:2em;}

等所有元素

现在,如果您需要增加减小字体大小,只需在字体中设置字体大小,如:

body{font-size:13px;}等。

希望有所帮助

答案 1 :(得分:4)

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

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

答案 2 :(得分:3)

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

您也可以看到this thread进行比较

这也有助于:http://kb.mozillazine.org/Em_vs._ex