Korzystanie z jednostki względnej, jak EM to świetny sposób, aby utrzymać pionową rytm stronie internetowej, gdy użytkownik zmieni rozmiar tekstu w przeglądarce. Stale sięgając kalkulator do obliczania właściwej wartości EM używać za każdym razem trzeba to także świetny sposób do kierowania się szalony.
Powiedzmy, że masz H3 to 24 pikseli. Nie ma znaczenia, jak font-size jest ustawione (w pikselach, EMS, odsetki, itp.). Możesz sprawdzić rzeczywisty rozmiar czcionki w pikselach za pomocą narzędzia Firebug, zaznaczając "Pokaż komputerowa Style " w menu "Opcje" w prawym górnym rogu CSS / panel Style podczas przeglądania w trybie HTML.
Sprawdzeniu komp projektowania i dokładnie zmierzone 9 pikseli dolnego marginesu w ramach H3 do następnego elementu. Oczywiście można ustawić dolnym marginesie H3 do 9 pikseli i przejść dalej. Ale to nie będzie skala, gdy użytkownik się ich upadkiem rozmiar tekstu w przeglądarce i rytm pionowy może runąć jak H3 rośnie w wielkości, ale zachowuje te same 9 pikseli z dolnym marginesie.
Wzór do obliczenia EM mnożnik wynosi:
odpowiedni rozmiar w pikselach / aktualny rozmiar piksela = mnożnik
Tak na przykład H3: 9 / 24 = 0,375
Używam EmChart cały czas przy konwersji comps projektu do HTML / CSS - które jest w zasadzie cały dzień. Uważam to za bardzo się do obliczania dolny margines, line-wysokości (które są unitless, ale formuła nadal obowiązuje), top marginesy, góra / dół padding wielu innych rzeczy. Jest również bardzo przydatny dla prowadzenia zagnieżdżonych względem wielkości czcionki proste.
Jak już wspomniałem, nie ma znaczenia, jak bieżący font-size jest ustawione. Więc to będzie działał niezależnie od tego, font-size lub jednostka jest (lub nie) ustawiony na element HTML, element BODY, lub dowolnego innego pierwiastka. Trzeba tylko wiedzieć, efektywna wielkość piksela bieżącego elementu z którymi pracujesz.