2011-04-19 47 views
5

在我的網站CSS中,我使用EM,PX,PT和百分比來設置字體大小。網站CSS和字體大小 - 最佳做法

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

我現在已經到了需要將所有字體大小調整爲略小的點。

總而言之,將所有字體大小縮小一點,並且應該如何改變字體大小以何種方式改變?

大家似乎對這個話題有不同的意見。

回答

3

確定字體大小的最佳做法是em。因爲它與用戶客戶端解析無關。但我在我自己的應用程序中使用像素。因爲我想在較高分辨率下渲染較小的字體。 但不建議百分比用於字體大小。

還可以看到this thread比較

也這將有助於:http://kb.mozillazine.org/Em_vs._ex

+0

此鏈接https://www.w3.org/WAI/GL/css2em.htm在「em」單元上也有很好的寫法 – 2016-04-19 07:37:12

13

按我的理解。你必須做的是這樣的事情:

body{font-size:11px;}這將使1em = 11px

現在到處都將在em喜歡設置字體大小:

a{font-size:1em;},並按照同樣的方式對所有的元素像h1{font-size:2em;}

現在,如果你需要增加減小字體大小隻是設置字體大小的身體像:

推薦使用EM字體,因爲舊版本的IE沒有調整的變焦其他明智的文本等

希望幫助

4

在古時的人。

如今所有的瀏覽器都是全頁縮放而不是文本,所以這是一個無關緊要的問題。我建議使用px,因爲它可以給你很好的控制。