在我的网站CSS中,我使用EM,PX,PT和Percentages来设置字体大小。
我也在使用使用EM的JQuery UI。
我现在已经到了需要将所有字体大小调整为稍微小一点的地步。
总而言之,将所有字体大小降低一点的最佳方法是什么?我是否应该改变字体大小的方式?
似乎每个人对这个话题都有不同的看法。
答案 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进行比较