Re: Wielkość czcionki: px czy em? Czy wszystko jedno?

eGospodarka.pl › Grupy › pl.comp.www › Wielkość czcionki: px czy em? Czy wszystko jedno? › Re: Wielkość czcionki: px czy em? Czy wszystko jedno?

Data: 2013-04-19 22:45:26
Temat: Re: Wielkość czcionki: px czy em? Czy wszystko jedno?
Od: Marek <p...@s...com> szukaj wiadomości tego autora
[ pokaż wszystkie nagłówki ]
W dniu 2013-04-19 13:11, Latet pisze:

>> html {
>> font-size:16px;
>> }
>
> A tak:
>
> body {
> font-size:16px;
> }
>
> jest dużo gorzej?

Jest mniej uniwersalnie. Jeśli masz w body teksty + struktury HTML a
potem chcesz je wszystkie powiększyć proporcjonalnie (np. wersja dla
niedowidzących), to zmieniasz jeden parametr w JS:

element_body.style.fontSize="2em";

>> Lepszą jednostką jest "rem", który jest relatywny zawsze do <html> a
>> nie rodzica.
>
> Ale haczyk z rem twi.... gdzie?

Przykładowo:

<article>
<h3>to jest tytuł</h3>
to jest tekst
</article>

CSS do tego jest:

html {
font-size: 10px;
}

article {
font-size: 2em;
}

article h3 {
font-size: 3em;
}

Teraz klient mówi: pomniejsz czcionkę artykułu, ale nie zmieniaj w
nagłówku. Wtedy musisz zmodyfikować dwa style: dla artykułu i dla h3.
Gdybyś stosował rem - to tylko czcionkę artykułu byś modyfikował. Tak
jak przy stosowaniu wartości bezwzględnych - pikseli. Z drugiej zaś
strony zachowujesz możliwość proporcjonalnego zwiększania czcionki
wszędzie modyfikując jej wielkość w jednym miejscu: w elemencie html.

Powyższy przykład jest banalny. Jest mnóstwo bardziej złożonych
sytuacji. Wtedy zależności wynikające ze stosowania jednostki em
wymagają wielkich kalkulacji w całym CSS aby drobnostkę w jednym miejscu
poprawić.

--
Pozdrawiam
Marek