Question

我的响应式字体大小有问题。我将整体字体大小设置为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;
}

Answer 1

您是否已为该页面声明了doctype？
我注意到添加： <!DOCTYPE html> 高于<html> 显示出差异。

没有添加它，它进入怪癖模式，并没有显示我的期望这是由子选择器（＆gt;）

引起的

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

em /％没有调整字体大小

1 个答案: