百分比使得 em 可行
Em 之所以可行是因为通过设定初始文字的百分比，可以很容易避免文字过小的问题。虽然其原 理并非显而易见，但的确可行。当采用这种方案时，IE 文字大小各档设置之间的间隔就不会显得生硬，设计者可以精确设置初始文字大小，使得在“较小”和 “最小”时仍然得到较好的可读性。这样有使 em 有了用武之地。（甚至于 Briggs 现在也更认同 em.）
例如：
h1 {
font-size: 2em;
}
p {
font-size: 1em;
}
弹性布局
对设计者来说，比弹性字体更困难的是彻底的相对布局 - 如果用 em 来设定布局的尺寸事情就容易了。
让布局具有弹性，使之随着用户改变文字大小时自动适应，这好像有些多余甚至毫无必要。但是既然你让文字可以伸缩，那么让包容文字的布局也随之伸缩也是顺理成章的事。
另外，如果用户选择了较大的字体，则周围的空间应当会随之按比例增加，保持了“设计者”选择的比例，使文章容易阅读。
这种方案的另一个好处是可以避免不希望的文字换行。如果一个窄的栏目宽度以像素来定义，当其中的文字变大时，可能会打乱整个布局。采用文字大小比例来指定栏目宽度就可避免这个问题。
关于该方案的一个例子请看 CSS Zen Garden 上的作品 Elastic Lawn。
太宽了！
将网页的初始文字大小指定为 100% 以后，在 IE 的“中等”字体下，36em 的宽度应该是 576 个像素（作为参考，ALA 的宽度为600个像素），在“最大”的字体下，36em 应当增加到 768 个像素（Windows 下 IE 6 的测试结果）。如果再大一点，在 800 像素宽的屏幕、“最大”号字体下就可能会显得太宽了。
CSS 对这个问题的解决方案是 max-width 属性，它可以指定某个元素的最大宽度。不幸的是 Internet Explorer 不支持（不知有谁想过没有 ）。
另一个解决方案就是采用流动式布局，也就是说根本不指定内容区域的宽度，让文字自然流动，充满屏幕宽度（HTML Dog采用了这种方案）。许多人不接受这种方案，因为在宽屏幕下的可读性不好，但对于移动设备这样的小屏幕非常合适。
如果你准备采用弹性布局方案，在指定边界或者位图之类的由像素构成的对象时，仍然要以像素为单位，这可能会和基于文字大小关系发生冲突；但这不应成为不采用弹性布局的理由。
使图形弹性化
用相对大小来设置位图的尺寸会导致灾难性的后果。对付这个问题可以这样做 - 维持图形原有的解析度不变，将它裁剪到合适的大小。
通过更换背景图片可以就可做到。这里是一个标题元素的例子，你也可以采用其他的图片替换技术：
Patrick Griffiths 是一位伦敦的自由Web设计师，爱好抒情音乐、改进和漫游他的网站宠物，HTML Dog。他有时更喜欢用 PTG 的昵称，这要看他当时的心境。
