與引導

Question

響應字體我有字體響應下面的代碼：

@media all and (max-width: 1200px) { /* screen size until 1200px */ 
    body { 
     font-size: 1.5em; /* 1.5x default size */ 
    } 
} 
@media all and (max-width: 1000px) { /* screen size until 1000px */ 
    body { 
     font-size: 1.2em; /* 1.2x default size */ 
     } 
    } 
@media all and (max-width: 500px) { /* screen size until 500px */ 
    body { 
     font-size: 0.8em; /* 0.8x default size */ 
     } 
    } 

我不知道我怎麼可以設置「默認大​​小」。例如1.5em字體大小有多少個像素？ 14px的？ 12px的？

問候。

Answer 1

由於這是正文字體大小，1.5em應等於24px的。 em始終使用其父元素作爲其基礎，但是，相對em或rem不使用其直接父項;它使用html或正文字體大小。 例如

body{ 
    font-size:1em = 16px 
} 
.container{ 
    font-size:1em = 16px 
    font-size:0.75em = 12px 
} 

Answer 2

這裏的一個簡單的公式來從像素轉換爲EM：

Size in em = size in pixels/parent size in pixels 

例：21px/14px的= 1.5em

和背面：

Size in px = size in EMs * parent size in pixels 

例： 1.5em * 14px = 21px

PS：14px是Bootstrap中的默認字體大小。 Source：Bootstrap CSS。

Answer 3

em單位始終使用父元素的單位作爲基準。

例如如果你的body有12px一個font-size，則一個子元素也將與12px（1EM = 100％）

從此，你可以使用網站，如http://pxtoem.com/計算合適的em值你」渲染它設置1em再努力實現

你也可能只是指百分比（1.5em = 150%，2em = 200%等等...）