我正在读约
rem
units in CSS3,有点困惑。如果您使用rem,您还是使用em还是替换它?
例如:
.selector { margin-bottom:24px; margin-bottom:2.4rem; font-size:16px; font-size:1.6rem; }
要么
.selector { margin-bottom:24px; margin-bottom:2.4em; margin-bottom:2.4rem; }
只是想弄清楚,如果rem取代em,或者只是另一个单位。
解决方法
Rem是根(html)元素的em大小。这意味着一旦你定义了html元素的font-size,你可以定义所有的相对于这个元素的rem单元。
例如:
html { font-size: 62.5%; } body { font-size: 1.4rem; } /* =14px */ h1 { font-size: 2.4rem; } /* =24px */
Rem在Safari 5,Chrome,Firefox 3.6甚至Internet Explorer中都支持,但对于older browsers,您仍然需要使用em,percent或px。