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?

Path: news-archive.icm.edu.pl!agh.edu.pl!news.agh.edu.pl!newsfeed2.atman.pl!newsfeed.
atman.pl!.POSTED!not-for-mail
From: Marek <p...@s...com>
Newsgroups: pl.comp.www
Subject: Re: Wielkość czcionki: px czy em? Czy wszystko jedno?
Date: Fri, 19 Apr 2013 22:45:26 +0200
Organization: ATMAN - ATM S.A.
Lines: 62
Message-ID: <kksada$a2d$1@node1.news.atman.pl>
References: <516e9090$0$26703$65785112@news.neostrada.pl>
<kkobkp$fbp$1@node2.news.atman.pl>
<51712675$0$1214$65785112@news.neostrada.pl>
NNTP-Posting-Host: 89-69-209-185.dynamic.chello.pl
Mime-Version: 1.0
Content-Type: text/plain; charset=ISO-8859-2; format=flowed
Content-Transfer-Encoding: 8bit
X-Trace: node1.news.atman.pl 1366404330 10317 89.69.209.185 (19 Apr 2013 20:45:30
GMT)
X-Complaints-To: u...@a...pl
NNTP-Posting-Date: Fri, 19 Apr 2013 20:45:30 +0000 (UTC)
User-Agent: Mozilla/5.0 (Windows NT 6.2; WOW64; rv:17.0) Gecko/20130328
Thunderbird/17.0.5
In-Reply-To: <51712675$0$1214$65785112@news.neostrada.pl>
Xref: news-archive.icm.edu.pl pl.comp.www:402123
[ ukryj 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