-
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
- 2025-01-06 Popr. 14. Nauka i Praca Programisty C++ w III Rzeczy (pospolitej)
- 2025-01-06 Ostrów Wielkopolski => Area Sales Manager OZE <=
- 2025-01-06 Do IO i innych elektrooszolomow, tu macie prawdziwe smrody
- 2025-01-06 Białystok => Full Stack .Net Engineer <=
- 2025-01-06 Kraków => Business Development Manager - Network and Network Security
- 2025-01-06 Katowice => Regionalny Kierownik Sprzedaży (OZE) <=
- 2025-01-06 Warszawa => Spedytor Międzynarodowy <=
- 2025-01-06 Lublin => Programista Delphi <=
- 2025-01-06 Gdańsk => Specjalista ds. Sprzedaży <=
- 2025-01-06 śnieg
- 2025-01-05 Żarówka do lampy z czujnikiem ruchu
- 2025-01-05 Rozkręcają się
- 2025-01-04 pozew za naprawę sprzętu na youtube
- 2025-01-04 gasik
- 2025-01-04 13. Raport Totaliztyczny: Powszechna Deklaracja Praw Człowieka Nie Chroni Przed Wyzyskiem Ani Przed Eksploatacją
![Działalność nierejestrowana - na czym polega i z czym się wiąże? [© StockRocket - Fotolia.com]](https://s3.egospodarka.pl/grafika2/ulgi-dla-firm/Dzialalnosc-nierejestrowana-na-czym-polega-i-z-czym-sie-wiaze-208993-50x33crop.jpg "Działalność nierejestrowana - na czym polega i z czym się wiąże? [© StockRocket - Fotolia.com]")
Działalność nierejestrowana - na czym polega i z czym się wiąże?
