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