Głównym powodem korzystania z EM lub wartości procentowych jest umożliwienie użytkownikowi zmiany rozmiaru tekstu bez rozbijania projektu. Jeśli projektujesz z czcionkami określonymi w PX, nie zmieniają one rozmiaru (IE 6 i innych), jeśli użytkownik wybierze rozmiar tekstu - większy.
- Jaka jest korzyść z użycia wartości EM dla wielkości czcionki?
- Dlaczego miałbyś używać ich zamiast PX?
- Czy powinienem użyć REM, EM lub PX?
- Czy powinienem użyć EM lub VW?
Jaka jest korzyść z użycia wartości EM dla wielkości czcionki?
EMS nie mają ustalonych rozmiarów. Są skalowalne i z tego powodu EMS są dobre dla mobilnego tworzenia stron internetowych. EMS są w stosunku do rozmiaru czcionki w CSS. Jeśli nie masz jednego zestawu w CSS, 1 EM zwykle będzie równy 16px, co jest zwykle domyślnym rozmiarem czcionki w przeglądarkach.
Dlaczego miałbyś używać ich zamiast PX?
Jednostki PX zapewniają spójne wyniki, nawet jeśli nie jest to idealne. EM jest w stosunku do wielkości czcionki elementu nadrzędnego, więc jeśli chcesz skalować rozmiar elementu na podstawie rozmiaru jego rodzica, użyj EM.
Czy powinienem użyć REM, EM lub PX?
W CSS EM i REM są skalowalnymi jednostkami, które również określają wartości właściwości. EM i REM spełniają standardy dostępności internetowej i, w przeciwieństwie do PX, lepiej skaluj. W konsekwencji bardziej nadają się do responsywnego projektowania.
Czy powinienem użyć EM lub VW?
Użyj ich lub REM do rzeczy takich jak: rozmiar czcionki, wyściółka, margines. Użyj % do szerokości lub wysokości pojemników, DIV lub innych dużych komponentów. Użyj VH i VW do rozmiaru sekcji jako procent rozmiaru ekranu (na przykład używam tego, aby wymusić sekcje z obrazami tła, aby były pełne (VH) i/lub pełną szerokość (VW))