0

我的响应式字体大小有问题。我将整体字体大小设置为 62.5%，现在我尝试将 h2 设置为 57px（即 5.7 em），但它不会改变。百分比也一样。如果我使用 Px，它会改变，但当然它不会与我的页面大小匹配。

/* 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;
}
4

1 回答 1

1

您是否为页面声明了文档类型？
我注意到添加： <!DOCTYPE html> 上面<html> 显示了差异。

如果不添加它，它会进入怪癖模式并且没有显示我的期望。
这是由子选择器 (>) 引起的

也许这个问题可以被认为是重复的： CSS child selector (>) doesn't work with IE

于 2013-10-13T13:11:09.247 回答