Question

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

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

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

最近人们已经回到直接像素大小调整，因为所有现代浏览器Zoom功能现在按比例增加所有内容，而不是像以前的版本那样增加字体大小。 12px是我见过的标准文本的标准基本大小。

Answer 2

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

这是我每天使用的技术，如果存在这样的错误，我没有遇到任何IE错误。使用em非常简单，只要你可以在不使用计算的情况下除以10！你只需要使用像hN，li，p等元素的font-size属性，但不要尝试调整父div或blockquote以及子段落和标题的大小，否则子元素不具有10px＆lt; - ＆gt; ; 1em等价。

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

关闭主题，我使用条件评论，没有明星黑客。如初。

那就是说，你的问题没有确切的答案（某人在最近的一个主题上写了' em vs px是一场神圣的战争'，而且他是非常正确的恕我直言。）

从可访问性的角度来看，这是一个相应的充分技术：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是相同的，只有百分比，其他的不是，据我记得，跨浏览器兼容。

在css中调整字体大小的确定方法

2 个答案: