html+css大神，响应市布局为何我字体不随浏览器大小而变化。

Question

我的字体用了1.5em，和0.8em等等，但是浏览器缩放，字体大小还是不变？怎么回事啊。

Answer 1

em是相对于当前对象内文本的字体尺寸，不会随浏览器大小变化而变化，比如你设置了
body { font-size: 12px; } 那么其它元素字体设置1.5em，那么元素字体就会相对12px;进行增大。追问

那你的意思是每个要用到font-size的地方，我需要给他的上一级写上style="font-size:16px"这种的才行？有什么快捷的方法。
我刚刚直接给body加上了没用啊。

追答

body变化它才会变化。

追问

然并卵。

Answer 2

必须使用@media only screen and（）根据浏览器大小设置字体大小。本回答被提问者采纳

Answer 3

要用Media Queries才行。em单位只会根据上一级的大小改变。追问

怎么用？

追答@media screen and (max-width: 1000px) {
}

具体参考Media Queries章节

追问

你的意思是？类似这样?

@media only screen and （max-width:960px）{
#body(font-size:16px)

}
@media only screen and （max-width:640px）{
#body(font-size:14px)

}

追答

对的。不过body后面应该是{}哦。