2013-10-24 73 views
0

在CSS,我已經看到了使用的設置既PX字體大小和EM如下:CSS:什麼/爲什麼指定font-size爲font-size:14px/1.31em?

font-size: 14px/1.31em; 

究竟做了這種寫作方式是指?我用這種方式解決什麼問題寫作?

謝謝!

+4

的可能重複的更多的解釋[什麼此CSS代碼裝置(字體大小劃分)?](http://stackoverflow.com/questions/6395013/what-this-css-code- meansfont-size-division) – Spudley

+1

實際上,我意識到這裏的關鍵區別在於可能的重複引用'font'屬性,而不是'font-size'。 'font-size:14px/1.31em'在語法上不正確。 – Nightfirecat

回答

1

這裏是em確切定義和px

Ems(EM):該「EM」是在網絡文檔介質中使用一種可擴展單元。 em等於當前字體大小,例如,如果文檔的字體大小是12pt,則1em等於12pt。 Ems具有可擴展性,因此2em等於24pt,.5em等於6pt等。由於可擴展性和移動設備友好性,Ems在Web文檔中越來越流行。

Pixels(PX):像素是在畫面介質中使用固定大小的單元(即,要在計算機屏幕上讀取)。一個像素等於計算機屏幕上的一個點(屏幕分辨率的最小分數)。許多網頁設計師在網頁文檔中使用像素單位,以便在瀏覽器中呈現網站時產生像素完美的網站表示。像素單元存在的一個問題是,對於視覺受損的閱讀器,它不會向上擴展,或者向下擴展以適應移動設備。


究竟做了這種寫作方式是指?我通過寫作這樣解決什麼問題?

例如,如果您將font-size設置爲等於10px,並且使用3em。你會得到30px(10 * 3)。

編輯:

基本上,我們可以使用font: 14/1.31em,這是一種短手,以設置font-sizeline-height

然而,在你的情況,font-size: 14px/1.31em;沒有任何短期的手。所以,你不能這樣設置。 這是一個錯誤的語法

見的"CSS Font-Size"

+1

'你會得到14px/1.31 *你當前的字體大小....不,你不會。 '/'不是分號。 CSS不會做數學運算,除非你使用'calc()'。 – Spudley

+0

@Spudley你是對的。我習慣於寫'LESS'。所以,在這種情況下,它對於cSS來說是無效的語法。 – lvarayut