2013-10-13 70 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,它将不会执行任何操作。有什么想法吗? –