使用em代替px時的最佳做法

我正在開始一個新項目並考慮使用em。使用em代替px時的最佳做法

使用em而不是px（創建可伸縮佈局）時要遵循的最佳做法是什麼？

我也歡迎這種做法給它的任何缺陷和可能的解決方案

可能的重複[爲什麼是em而不是px？]（http://stackoverflow.com/questions/609517/why-em-instead-of-px） – BoltClock

我在谷歌搜索了這個，發現了這個問題，並且* gasp *它關閉了。太糟糕了，SO對於有用的問題如此敵視。無論如何。 – Nick

這裏有流體網格一個偉大的文章，可以幫助您開始：

2011-12-10 16:32:56

我所知道的最好的技巧是將body文本大小設置爲62.5%。這樣，您使用的任何em值將與px大小有直接關係。如1.2em = 12px

當然，這是假設您正在設置em尺寸上不具有已經有它們的大小設置任何父母，在這種情況下，你需要做一些數學的相對摸出元素尺寸。

2011-12-10 16:35:00

不完全是萬能的，但更好的方法是將'body'文本大小設置爲'10px'。 http://css-tricks.com/forums/discussion/1230/the-problem-with-bodyfont-size62.5-and-ems/p1 – m33lky

您可能想查看一本名爲「響應式網頁設計」的書。它有一些很好的最佳實踐，當涉及到使用EM和％s的佈局，類型和圖像時：http://www.abookapart.com/products/responsive-web-design

2011-12-10 17:50:17

回答