小编jes*_*a_b的帖子

CSS:基本字体大小(在浏览器中设置)和响应式设计

我试图设计尽可能响应网站(除非为iPhone设置了特殊的样式表).为此,我将所有字体大小设置为"em".我们的网站刚刚开始测试开发,我的一位同事给我发了一张截图,他的家用电脑的Firefox基本字体大小已经设置为24pt.([见这里的截图.])这样一个明显更大的基本字体大小(imho)不是我在设计中考虑的东西.我知道覆盖用户默认值并不是一个好习惯,但这主要是基于图形的体验(尤其是在首页上),并且文本需要保持在指定的框中 - 如您所见,较大的字体大小打破了设计.

以下是我认为是css的重要摘录:

body {
    background: white;
    font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
    font-size: 1em;
    color: #858585;
}

.item.news.priority h2 {
    font-size: 1.25em;
}
.item.news h2 {
    font-size: 0.9em;
}
Run Code Online (Sandbox Code Playgroud)

您可以访问www.loeuf.com直播.

你有什么建议?使用像素值覆盖正文字体大小,还是仅仅破坏设计的h2元素?什么是最佳做法?

css font-size

7
推荐指数
2
解决办法
3万
查看次数

标签 统计

css ×1

font-size ×1