0

I've created a responsive site and want to use em's to control the font size.

I've set the body font base size to 64.5% as recommended to create a base of 10px.

However, though the sizing seems OK, it does not change with the size of the browser. What am I missing?

http://jsfiddle.net/XaUz9/

4

1 回答 1

1

看看这是否对您有帮助：http: //jsfiddle.net/panchroma/qK8j2/

在您的示例中，您已经明确设置了字体大小，并且没有任何内容指示字体随着视点的变化进行缩放。

设置
body{ font-size:62.5%; } 只是设置字体大小（相对于浏览器的默认设置），它不会导致任何缩放。

实现您想要的几种方法是使用@media 查询设置 h1、h2、p 等的大小作为 viepoint 的变化，例如

@media (max-width: 480px) {

h1 {font-size:  2em }
h2 {font-size: 1em}
p{font-size:1em}
}

或者您可以在不同的视点设置默认的正文字体大小，字体大小将相对于您在 CSS 文件头部的设置进行缩放，例如 

@media (min-width:481px) and (max-width: 767px) {

body{
font-size:90%;
}  
}

祝你好运！

于 2013-04-13T13:16:36.523 回答