1.6.3　百分比值的一致性试验

作者: (美)Dan Cederholm著/常可译 出处:清华大学出版社 　2008-01-16 12:38　   砖    好    评论  条 　进入论坛

阅读提示：《无懈可击的Web设计》提供了基于Web标准的网页设计策略，以帮助您创建出具有高度灵活性、可读性以及用户可控性的网站。第一章主要介绍的是使用关键字和百分比来设定页面文字的大小，以允许用户控制并实现最大程度的灵活性。本文说的是百分比值的一致性试验。

1.6.3　百分比值的一致性试验

使用百分比值之前先试验一下，可以保证得到在各种浏览器和平台之间更加一致的 文字大小。假设用户在浏览器的默认文字大小设置下查看页面(假设他们不会变更这个 设置) ，那么在赋予百分比值时先进行试验是有很用的—— 尤其对于那些较小的值。 如果使用前面提到过的note类，则可以比较将这个类的font-size设定为85%和
90% 的两种情况。某些浏览器只能支持百分数是 10 的幂(70，80，90 等)的情况，反 之某些则能更精确地支持到 5 结尾的百分数( 7 5 ，8 5 ，9 5 等) 。

例如，比较图 1-12 和图 1-13，左边是 Safa ri，右边是 IE6/ Win。在 IE6/ Win 中，85%(上)和 90%(下)看起来并没有明显的不同，但是在 Safari 中可以看到这两个值之间的 小幅变化。本例中，我倾向于选择用 90% ，因为在这个大小下，这两个流行的浏览 器的显示效果最接近。

图 1-12　设定为 85% 的 note 类在 Safari 和 IE6/Win 中的显示效果比较

图 1-13　设定为 90% 的 note 类在 Safari 和 IE6/Win 中的显示效果比较

这里我们有些斤斤计较了，但还是鼓励您在给 font-size 指定不同的百分比值之 前先做个试验。5% 的改变就可以带来不同浏览器之间更小的显示区别，带来一致性。

回书目   上一节   下一节