使用em而不是px时的最佳实践

Question

我正在开始一个新项目并考虑使用em。

使用em而不是px（创建可伸缩布局）时要遵循的最佳做法是什么。

我也欢迎这种方法的任何陷阱及其可能的解决方案

Answer 1

这是一篇关于流体网格的精彩文章，可以帮助您入门：

http://www.alistapart.com/articles/fluidgrids/

Answer 2

我知道的最佳技巧是将body文字大小设置为62.5%。这样，您使用的任何em值都会与px尺寸直接相关。例如1.2em = 12px

这当然假设您设置em大小的元素没有任何已设置其大小的父母，在这种情况下，您需要做一些数学计算相对大小

Answer 3

您可能想查看一本名为“响应式网页设计”的书。在使用EM和％s进行布局，类型和图像时，它有一些很好的最佳实践：http://www.abookapart.com/products/responsive-web-design