-
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
Następne wpisy z tego wątku
- 20.04.13 13:18 Latet
- 20.04.13 13:26 Cezary Tomczyk
- 20.04.13 19:02 Marek
- 22.04.13 14:11 Paweł Piskorz
- 22.04.13 14:18 Paweł Piskorz
Najnowsze wątki z tej grupy
- Jakie znacie działające serwery grup dyskusyjnych?
- is it live this group at news.icm.edu.pl
- php, linki z nazwami a $_GET, SEO
- www polityka pl captcha
- dyktatura brudnego palucha
- www.znanylekarz.pl
- Czy pytanie o sczytywanie stron programami/skryptami to tu?
- Grupy webdevowe
- Jak wydrukować stronę?
- IIS, kilka witryn
- linki <a href="/strona.php"> (ze slashami)
- co rozszerza stronę??
- responsywny akapit <p>
- Czy istnieje jakiś emulator przeglądarek pod Mac'a?
- taka sama konfiguracja dla localhost i produkcji
Najnowsze wątki
- 2024-11-29 Warszawa => Head of International Freight Forwarding Department <=
- 2024-11-29 Białystok => Inżynier Serwisu Sprzętu Medycznego <=
- 2024-11-29 Pómpy ciepła darmo rozdajoo
- 2024-11-29 Białystok => Application Security Engineer <=
- 2024-11-29 Białystok => Programista Full Stack (.Net Core) <=
- 2024-11-29 Gdańsk => Software .Net Developer <=
- 2024-11-29 Wrocław => Key Account Manager <=
- 2024-11-29 Gdańsk => Specjalista ds. Sprzedaży <=
- 2024-11-29 Chrzanów => Specjalista ds. public relations <=
- 2024-11-27 Re: UseGalileo -- PRODUKTY I APLIKACJE UŻYWAJĄ JUŻ DZIŚ SYSTEMU GALILEO
- 2024-11-27 Re: UseGalileo -- PRODUKTY I APLIKACJE UŻYWAJĄ JUŻ DZIŚ SYSTEMU GALILEO
- 2024-11-28 droga laweta
- 2024-11-28 Co tam się odpierdala w tej Warszawie?
- 2024-11-28 skąd się biorą tacy debile?
- 2024-11-28 JDG i utylizacja sprzetu
![Najlepsze lokaty i rachunki oszczędnościowe XI 2024 r. [© Freepik]](https://s3.egospodarka.pl/grafika2/najlepsze-lokaty/Najlepsze-lokaty-i-rachunki-oszczednosciowe-XI-2024-r-263459-50x33crop.jpg "Najlepsze lokaty i rachunki oszczędnościowe XI 2024 r. [© Freepik]")
Najlepsze lokaty i rachunki oszczędnościowe XI 2024 r.
