Bu örnekte:

CSS

h1 { font-size: 2em; }
.smaller { font-size: 0.5em; }

HTML

<h1>Hi, I am a <span class="smaller">toad</span></h1>

"Toad" 0.5 kez 16px (tarayıcının standart boyutlu yazı tipi) ya da 0.5 kere 2em (h1 font-boyut) olacak mı? sözü

Bu eşit değilhesaplanmış‘font-size’ özellik öğe kullanılır. değeri Veraset belgesi ağacı çalışır.

Sorunuzu yanıtlamak için, 0.5 kez çevirin 2 kez h1-üst yazı tipi boyutu hesaplanmış neyse ki 2em, olurdu.Vay be.

Bu da önemli Not Eğer kullanım em diğer CSS özellikleri, örneğin, width height sonuç olacak göre hesaplanmış font-size her öğe uyguladıktan width height, vs..

Aşağıdaki makale ve... rem malzeme kaynakları birimleri biraz da ilgisini çekecek başka bir okuma ile birlikte em ünitenin kullanımı ve içeriği bence gayet iyi açıklar.

1. http://www.impressivewebs.com/understanding-em-units-css/
2. http://snook.ca/archives/html_and_css/font-size-with-rem
3. http://caniuse.com/rem

Ayrıca bu keman biraz daha net nasıl davrandığını görmek için kontrol etmek isteyebilirsiniz:

http://jsfiddle.net/HpJjt/3/