網站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