2013-10-13 38 views
0

我遇到了響應字體大小的問題。我將整體字體大小設置爲62.5%,現在我正在嘗試將h2設置爲57px(因此爲5.7 em),但不會更改。百分比相同。如果我使用Px,它會改變,但當然它不會與我的頁面大小。em /%不調整字體大小

/* Import fonts */ 
@import url(http://fonts.googleapis.com/css?family=Julius+Sans+One); 
/* End import fonts */ 

* { 
    margin: 0; 
    padding: 0; 
    font-size: 62.5%; /*10 pixels*/ 
    font-family: "Julius Sans One", sans-serif; 
    font-weight:normal; 
} 

#titles { 
    margin: auto; 
    width:92.08%; 
} 

#titles header > h2 { 
    font-size: 5.7em; 
    color: #61bf82; 
} 

回答

1

您是否爲該頁面聲明瞭文檔類型?
我注意到加入: <!DOCTYPE html> 以上<html> 顯示不同。

沒有加入它,它進入了怪癖模式,並沒有顯示我的期望。
這是由孩子選擇引起的(>)

也許這個問題可以被視爲重複到: CSS child selector (>) doesn't work with IE

+0

我做了聲明文檔類型。我發現,當我離開我的字體大小:100%;而不是62.5%,所有東西都可以級聯,我可以使用ems。只要我將其更改爲62.5,它將不會執行任何操作。有什麼想法嗎? –