2013-04-16 91 views
0

我不知道默認字體大小有多少,但無論如何我想將其減少2px。相對更改字體大小

<td style='width:30%; margin:0 5%; text-align:left;vertical-align:top;font-family:Tahoma, Arial, Helvetica;' font-size:'xx'>Some text</td> 

如何分配font-size屬性以便我的文本將會減小2個像素。感謝名單。

+0

可以使用jquery嗎? – Usman

+1

使用您的瀏覽器設置,顯示器上的2個像素較小,在其他機器上將不會小2個像素。指定父元素文本的大小,然後縮小子元素,或者使用相對單位,例如'em'或'ex'。 – deau

+0

@Usman,不可惜 – Malloc

回答

1

你想要的是用em而不是像素。 Em的百分比相對於其他所有因此

font-size: .8em; 

會使它成爲其周圍的文本的80%。

請參閱http://www.w3schools.com/cssref/css_units.asp關於CSS單元的很好的解釋。

+0

嗨,如果你不使用'font-family'測試'font-size','.8em'就可以工作。 – Malloc

+0

@Malloc真的不應該影響它。另外,在font-family旁邊的上面粘貼中有一個拼寫錯誤,你的'正在使字體大小不能被解釋。 – qbert65536

+0

這並不回答如何使文字變小2像素的問題。如果這個問題被誤導了(正如我認爲的那樣),應該糾正這個問題,而不是接受一個沒有答案的問題。 –

2

如果你真的真的想擁有它2px小,你很高興接受這個系統將只在現代瀏覽器的工作:

font-size: calc(1em - 2px); 

參考文獻:

兼容性信息caniuse

mozillaw3c