【发布时间】:2010-12-04 06:11:41
【问题描述】:
例如是:
body 100.01% 和 ems 中的所有其他字体大小? (这是老式的吗?)
或者简单地以像素为单位设置字体大小,例如像apple.com这样的body 12px?
谢谢
【问题讨论】:
例如是:
body 100.01% 和 ems 中的所有其他字体大小? (这是老式的吗?)
或者简单地以像素为单位设置字体大小,例如像apple.com这样的body 12px?
谢谢
【问题讨论】:
有几种不同的方法。目前,我将正文设置为px,然后使用em 计算层次结构中的其他所有内容……这样,如果我决定更改网站的基本字体大小,一切都会很好地层叠。
纯粹主义者会告诉您接受浏览器默认设置并尊重用户的偏好,但从务实的角度来说,设计师和业务经理会对此犹豫不决,您也会如此,因为您会不断抱怨为什么某些东西看起来不同。悲伤但真实。
有一次(2005-2007 年),您可以将正文设置为 font-size: 76%;,这实际上会在所有主要浏览器中获得相似的大小,但我不确定这是否仍然正确。
我知道这些方法流行的唯一原因——与指定 px 不同——是如果在 px 中指定,Internet Explorer 将不允许您调整文本大小,从而导致可访问性问题。虽然在 Internet Explorer 8 中仍然如此,但可以说绝大多数人都在使用浏览器的整页缩放功能(现在几乎所有人都拥有此功能,这与 Internet Explorer 时代不同) 6) 所以这一点建议可能更迂腐而不是有用。
【讨论】:
“标准”取决于您的目标受众。
过去的做法包括将正文大小调整为 62.5%(将默认的 16 像素字体设为 10 像素)并使用 EM 从那里进行缩放。
像素大小变得越来越普遍,因为新的浏览器允许缩放所有元素,而不仅仅是调整文本大小。特别是,旧版本的 IE(7 及以下)没有调整以像素为单位设置的字体。
【讨论】:
没有标准。这更多的是个人喜好。不同的框架以不同的方式做到这一点,但我更喜欢将我的基本字体大小设置为 13 像素,并且只使用像素值来表示任何不同的东西。过去您应该使用诸如 EM 之类的流体单位,因为某些特定的浏览器不会使用 px 值调整文本的大小,但我认为此时不应有任何问题。 p>
查看一些流行的 CSS 框架并从中获取队列。 (YUI、蓝图、960.gs 等等)
【讨论】:
我不了解标准或最佳实践,但我注意到一件事可能对您有用:不同的浏览器使用不同的默认字体大小,范围从 12 到 14 像素。这可能对您的布局非常不利。当我做造型时,图形人员总是给我发送字体规格:字体系列、颜色、粗细、样式和大小(以像素为单位)。每当我使用 12px 而不是 11px 时,他们都会对我大发雷霆——所以我长期以来一直只使用精确的像素值。每个人似乎都很高兴:设计师、客户......
【讨论】: