我试图设计尽可能响应网站(除非为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元素?什么是最佳做法?