css中字体大小的确定方法

Question

我想了解经验丰富的开发人员关于他们认为确定字体大小的最终方法（在基本意义上）的一些意见。我知道使用 ems 被认为是最好的，但我指的是设置基本字体大小的最佳方法。

有使用 62.5 方法将字体设置为 10px 的技术，但我认为 ie 存在舍入问题，这会稍微抛出（也许不是）

YUI 框架使用

body {
font:13px/1.231 arial,helvetica,clean,sans-serif;
/* for IE6/7 */ 
*font-size:small; 
/* for IE Quirks Mode */
*font:x-small; 

}

这真的让我很困惑！

的黎波里使用

html
{
   font-size:125%;
}

body
{
    font-size:50%;
}

一个单独的列表建议类似于：

body {

font-size: 16px;
*font-size: 100%;

}

那么，在这些方法或任何替代方法中，哪一个是最好的。最好的是最容易使用和最可靠的跨浏览器。

Answer 1

最近人们又开始使用直接像素大小，因为所有现代浏览器的缩放功能现在都按比例增加所有内容，而不是像以前的版本那样仅仅增加字体大小。 12px 是我见过的标准文本的标准基本尺寸。

Answer 2

有设置字体的技巧 使用 62.5 方法到 10px 但我认为 即舍入有问题 稍微抛出这个（也许不是）

这是我每天使用的技术，如果存在这样的错误，我没有遇到任何 IE 错误。使用 em 真的很容易，只要你可以在不使用 calc 的情况下除以十！您只需对 hN、li、p 等元素使用 font-size 属性，但不要尝试同时调整父 div 或 blockquote 以及子段落和标题的大小，否则子元素没有 10px 1em 等价了。

如果您使用 CSS 框架，请坚持使用它使用的方法。

题外话，我使用条件 cmets 并且没有明星黑客。永远。

也就是说，您的问题没有明确的答案（某人在最近的一个话题上写了“em vs px 是一场圣战”，并且（s）他是非常正确的恕我直言）。

从可访问性的角度来看，这里有一个相应的充分技术：C14: Using em units for font sizes - WCAG 2.0这不是实现Success Criteria 1.4.4 Resize text的唯一方法：

Except for captions and images of text, text can be resized without assistive technology up to 200 percent without loss of content or functionality. (Level AA) 

C12 是一样的，只有百分比，据我记得，其他的不是跨浏览器兼容的。