Dlaczego em zamiast px?

766

Słyszałem, że powinieneś zdefiniować rozmiary i odległości w arkuszu stylów za pomocą em zamiast w pikselach. Pytanie brzmi: dlaczego powinienem używać em zamiast px podczas definiowania stylów w css? Czy istnieje dobry przykład, który to ilustruje?

Łup
źródło
Oto, co warto, oto definicja różnych jednostek w CSS: w3.org/TR/css3-values/#lengths .
Ryan

Odpowiedzi:

554

Błędem jest twierdzenie, że jeden jest lepszym wyborem niż drugi (lub oba nie zostałyby określone w specyfikacji). Warto nawet zauważyć, że StackOverflow szeroko wykorzystuje jednostki px. To nie jest zły wybór, jak mówiono Spoike.

Definicja jednostek

  • px jest bezwzględną jednostką miary (np. in , pt lub cm ), która również wynosi 1/96 jednostki in (więcej o tym, dlaczego później). Ponieważ jest to pomiar bezwzględny, można go użyć za każdym razem, gdy chcesz zdefiniować coś jako określony rozmiar, a nie być proporcjonalny do czegoś innego, jak na przykład rozmiar okna przeglądarki lub rozmiar czcionki.

    Podobnie jak wszystkie inne jednostki bezwzględne, jednostki px nie są skalowane zgodnie z szerokością okna przeglądarki. Dlatego jeśli cały projekt strony używa jednostek bezwzględnych, takich jak px, a nie % , nie dostosuje się do szerokości przeglądarki. Nie jest to z natury dobre ani złe, to tylko wybór, którego projektant musi dokonać między przyleganiem do dokładnego rozmiaru a byciem nieelastycznym w stosunku do rozciągania, ale przy tym nie przyleganiem do dokładnego rozmiaru. Typowe dla witryny byłoby połączenie obiektów o stałym i elastycznym rozmiarze.

    Elementy o stałym rozmiarze często wymagają włączenia na stronę - takie jak banery reklamowe, logo lub ikony. To gwarantuje, że prawie zawsze potrzebujesz przynajmniej niektórych pomiarów w pikselach w projekcie. Na przykład obrazy będą (domyślnie) skalowane w taki sposób, że każdy piksel ma rozmiar 1 * px *, więc jeśli projektujesz wokół obrazu, potrzebujesz jednostek px . Jest również bardzo przydatny do precyzyjnego dostosowywania czcionek i do szerokości obramowania, gdzie ze względu na zaokrąglenie najbardziej sensowne jest użycie jednostek px na większości ekranów.

    Wszystkie absolutne pomiary są ze sobą ściśle powiązane; to znaczy, że 1 cal to zawsze 96px , podobnie jak 1 cal to zawsze 72pkt . (Pamiętaj, że 1 cal prawie nigdy nie jest fizycznym calem, gdy mówimy o mediach ekranowych). Wszystkie pomiary bezwzględne Zakładamy nominalną rozdzielczość ekranu 96ppi i nominalnej odległości widzenia monitora stacjonarnego, a na takim ekranie jeden px będzie równa jednej fizycznej piksela na ekranie i jeden wbędzie równa 96 fizycznym pikselom. Na ekranach, które różnią się znacznie gęstością pikseli lub odległością oglądania, lub jeśli użytkownik powiększył stronę za pomocą funkcji powiększania w przeglądarce, px niekoniecznie będzie odnosić się do pikseli fizycznych.

  • em nie jest jednostką absolutną - jest to jednostka zależna od aktualnie wybranego rozmiaru czcionki. O ile nie zastąpiłeś stylu czcionki, ustawiając rozmiar czcionki za pomocą jednostki bezwzględnej (takiej jak px lub pt ), na wybór czcionki w przeglądarce użytkownika lub systemie operacyjnym wpłynie ten wybór, więc nie ma to sensu aby użyć ich jako ogólnej jednostki długości, chyba że chcesz, aby skalowała się wraz ze skalowaniem rozmiaru czcionki.

    Użyj ich, jeśli chcesz, aby rozmiar czegoś zależał od bieżącego rozmiaru czcionki.

  • % jest również jednostką względną, w tym przypadku, względem wysokości lub szerokości elementu rodzica. Stanowią dobrą alternatywę dla jednostek px dla rzeczy takich jak całkowita szerokość projektu, jeśli twój projekt nie opiera się na określonych rozmiarach pikseli w celu ustawienia jego rozmiaru.

    Użycie % jednostek w projekcie umożliwia dostosowanie projektu do szerokości ekranu / urządzenia, natomiast użycie jednostki bezwzględnej, takiej jak px , nie.

thomasrutter
źródło
27
W tym kontekście nie ma możliwości konwersji między ems i pikselami, chyba że wiesz, jaki jest rozmiar „em” w pikselach. Może to zależeć od odziedziczonego rozmiaru czcionki tego elementu, co z kolei może zależeć od rozmiaru czcionki dokumentu jako całości, co może zależeć od ustawień rozmiaru czcionki w przeglądarce użytkownika i / lub systemie operacyjnym. Jeśli szukasz określonego rozmiaru w pikselach, określ go w pikselach. To znaczy, jeśli chcesz 990px, to wstaw 990px. Jeśli piksele są tym, czego chcesz, dlaczego ich nie użyć?
thomasrutter
7
Co? Nie powiedziałem nic sprzecznego z tym. Mówiłem, do czego służą jednostki px i do jakich jednostek em. Wydaje się, że sugerujesz, że używanie jednostek px jest ogólnie złe. Jeśli witryna ulegnie awarii podczas dostosowywania domyślnego rozmiaru czcionki przeglądarki, usterką nie są jednostki px, to złe założenia. Najwyraźniej projektant stron internetowych polegał na domyślnym rozmiarze czcionki (często dobrym pomysłem), a jednak stworzył resztę układu na podstawie fałszywych założeń dotyczących tego rozmiaru czcionki, takich jak próba wyrównania elementów graficznych o stałym rozmiarze z tekstem, gdzie rozmiar elementu pasuje tylko do tekstu przy jednym rozmiarze czcionki.
thomasrutter
3
To nie jest złe ani nadmiernie uproszczone. Oczywiście, jeśli użyjesz ich w wierszu, w którym faktycznie deklarujesz rozmiar czcionki, to nie jest możliwe, aby były one w stosunku do rozmiaru czcionki tego samego elementu po jakichkolwiek deklaracjach rozmiaru czcionki na tym elemencie, ponieważ wygrał ' wiem o tym jeszcze - więc zamiast tego musi być względny do rozmiaru czcionki, jaki miałby element, zanim zadeklarowana zostanie właściwość font-size tego samego elementu. Ponieważ jakiekolwiek inne zachowanie jest dosłownie niemożliwe, nie widzę w tym żadnej dwuznaczności.
thomasrutter
3
@TalhaSayed, mylisz piksele z jednostką px. To nie to samo - przeczytaj specyfikację CSS. Jednostka px jest jednostką bezwzględną w tym samym sensie, co jednostka wewnętrzna, jednostka cm lub jednostka pt.
thomasrutter
7
@thomasrutter, WOW! Właśnie tego szukałem i tak, muszę powiedzieć, że się myliłem. Przez te wszystkie lata i nie miałem pojęcia. Kiedyś myślałem, że 1 piksel = 1 „kropka na ekranie”. Chyba nauczyłem się dzisiaj czegoś nowego.
Talha Sayed
143

Mam małego laptopa o wysokiej rozdzielczości i muszę uruchomić Firefoksa z powiększeniem 120% tekstu, aby móc czytać bez mrużenia oczu.

Wiele witryn ma z tym problemy. Cały układ jest zniekształcony, tekst w przyciskach jest przecięty na pół lub całkowicie znika. Cierpi na tym nawet stackoverflow.com:

Zrzut ekranu przeglądarki Firefox przy 120% powiększeniu tekstu

Zwróć uwagę, w jaki sposób górne przyciski i zakładki strony nakładają się. Gdyby użyli jednostek em zamiast px, nie byłoby problemu.

flodin
źródło
15
Możesz także powiększać tekst w przeglądarce Firefox bez powiększania obrazów w widoku Widok -> Powiększenie -> Powiększ tylko tekst, a następnie powiększanie w zwykły sposób.
thomasrutter
4
+1 dobry punkt. chociaż w przypadku dużych rozdzielczości można ustawić ustawienia ekranu tak, aby wyświetlać tekst w rozdzielczości 120 dpi zamiast standardowej rozdzielczości 96
Spoike
5
@Spoike: Chciałbym, ale Firefox nie honoruje systemowego ustawienia DPI. Zobacz bugs.launchpad.net/ubuntu/+source/firefox/+bug/19524
flodin
6
@Juan: To dlatego, że używają najprostszej metody powiększania: skalowania całej strony. Oznacza to jednak, że przy powiększeniu 150% strona o szerokości 1000 pikseli zyskuje 1500 pikseli. Jest to najprostszy sposób powiększania dla programistów stron i przeglądarek. Niestety nie jest zbyt przyjazny dla użytkownika. Dlatego inne przeglądarki mają powiększanie tekstu, które powiększa zawartość tylko bez zmiany układu. Oznacza to jednak, że twórcy stron internetowych muszą w zasadzie projektować układy pod kątem różnych rozmiarów czcionek, co znacznie ogranicza możliwości projektowania. Bardzo trudno jest sprawić, by strona wyglądała dobrze czcionką 16pt i 48pt.
Lèse majesté
1
@Lesemajeste nie skaluje całej strony, czym właściwie powinno być „powiększenie”. Czy nie przychodzi moment, w którym deweloper musi powiedzieć użytkownikom niszowym, aby poradzili sobie lub nie odwiedzili? Nigdy nie zbudowałbym pojedynczej strony z uwzględnieniem czcionek 16pt i 48pt. To jest po prostu głupie i jak zauważyłeś, bardzo ogranicza układ. Myślę, że to wspaniale, że FF chce zrobić specjalne powiększenie tylko dla tekstu, ale nie zamierzam projektować tego z myślą.
1934286
93

Powodem, dla którego zadałem to pytanie, było to, że zapomniałem, jak ich używać, ponieważ hakowałem szczęśliwie w CSS. Ludzie nie zauważyli, że mam ogólne pytanie, ponieważ nie mówiłem o doborze czcionek per se. Bardziej interesowało mnie, jak zdefiniować style w danym elemencie bloku na stronie.

Jak zauważyli Henrik Paul i inni, jest on proporcjonalny do rozmiaru czcionki użytej w elemencie. Powszechną praktyką jest definiowanie rozmiarów elementów blokowych w px, jednak zmiana rozmiaru czcionek w przeglądarkach zwykle psuje ten projekt. Zmiana rozmiaru czcionek odbywa się zwykle za pomocą klawiszy skrótu Ctrl+ +lub Ctrl+ -. Dlatego dobrą praktyką jest używanie ich zamiast nich.

Użycie px do zdefiniowania szerokości

Oto ilustrujący przykład. Załóżmy, że mamy tag div, który chcemy zmienić w stylowe pole daty, możemy mieć kod HTML, który wygląda następująco:

<div class="date-box">
    <p class="month">July</p>
    <p class="day">4</p>
</div>

Prosta implementacja definiowałaby szerokość date-boxklasy w px:

* { margin: 0; padding: 0; }

p.month { font-size: 10pt; }

p.day { font-size: 24pt; font-weight: bold; }

div.date-box {
    background-color: #DD2222;
    font-family: Arial, sans-serif;
    color: white;
    width: 50px;
}

Problem

Jeśli jednak chcemy powiększyć tekst w przeglądarce, projekt się zepsuje. Tekst będzie również krwawił poza ramką, co jest prawie takie samo, jak dzieje się z projektem SO, jak wskazuje flodin . Wynika to z faktu, że pole pozostanie tego samego rozmiaru co szerokość, ponieważ jest zablokowane 50px.

Zamiast tego używam ich

Zamiast tego lepiej jest zdefiniować szerokość w ems:

div.date-box {
    background-color: #DD2222;
    font-family: Arial, sans-serif;
    color: white;
    width: 2.5em;
}

* { margin: 0; padding: 0; font-size: 10pt; }

// Initial width of date-box = 10 pt x 2.5 em = 25 pt
// Will also work if you used px instead of pt

W ten sposób masz płynny wzór na polu daty, tzn. Pole powiększy się wraz z tekstem proporcjonalnie do rozmiaru czcionki zdefiniowanego dla pola daty. W tym przykładzie rozmiar czcionki jest zdefiniowany *jako 10pt i będzie powiększany 2,5 razy do tego rozmiaru czcionki. Dlatego podczas zmiany rozmiaru czcionek w przeglądarce pole będzie miało 2,5-krotność rozmiaru tego rozmiaru czcionki.

Spoike
źródło
1
Zastanawiam się: w jaki sposób dostosuje się do systemów siatki wykorzystujących wartości procentowe dla szerokości? Czy to się zepsuje, jeśli blok ciągły otrzyma szerokość 100%?
hugo der hungrige
64
To nie jest prawdą w dzisiejszych czasach. Naciśnięcie Ctrl+i Ctrl-w dowolnej nowoczesnej przeglądarce również skaluje wartości pikseli. Tak jest już od jakiegoś czasu.
YemSalat
1
@YemSalat Czy dotyczy to również regulacji DPI w systemie operacyjnym?
angularsen
@anjdreas nie ma pojęcia, żeby być szczerym.
YemSalat
4
@spoike, Downvoting to, ponieważ wyraźnie nie jest to już prawdą, jak stwierdził komentator YemSalat
RayLoveless
60

Najwyżej głosowana odpowiedź tutaj od thomasruttera ma rację w jego odpowiedzi na ich temat . Ale bardzo źle myli się co do wielkości piksela. Więc nawet jeśli jest stary, nie mogę pozwolić, aby nie był zadłużony.

Ekran komputera zwykle NIE ma rozdzielczości 96 dpi! (Lub ppi, jeśli chcesz być pedantyczny.)


Piksel NIE ma ustalonego rozmiaru fizycznego.
(Tak, jest naprawiony tylko na jednym ekranie, ale na następnym ekranie piksel jest najprawdopodobniej większy lub mniejszy, a na pewno NIE 1/96 cala.)


Dowód
Narysuj linię o długości 960 pikseli. Zmierz to za pomocą linijki fizycznej. Czy to 10 cali? Nie..?
Podłącz laptopa do telewizora. Czy linia ma teraz 10 cali? Nadal nie?
Pokaż linię na swoim iPhonie. Nadal ten sam rozmiar? Dlaczego nie?

Kto do cholery wynalazł mit ekranu komputerowego o rozdzielczości 96 dpi?
(Niektóre religie działają zgodnie z mitem 72dpi. Ale równie złe.)

Vbakke
źródło
4
> Aby uzyskać wyobrażenie o wyglądzie piksela, wyobraź sobie monitor komputerowy CRT z lat 90. XX wieku: najmniejsza kropka, którą może wyświetlać, ma wymiary około 1/100 cala (0,25 mm) lub nieco więcej. Jednostka px ma swoją nazwę od pikseli ekranu. - Cytat z W3C: w3.org/Style/Examples/007/units.en.html#units
Jay Zelenkov
4
Wszystkie absolutne pomiary są ze sobą ściśle powiązane; to znaczy, że 1 cal to zawsze * 96px *, tak jak 1 cal to zawsze * 72pkt *. (Zauważ, że 1 cal prawie nigdy nie jest fizycznym calem, gdy mówimy o mediach ekranowych). Nie sądzę, żeby najlepiej głosowana odpowiedź dotyczyła fizycznego cala. Relacje należą do różnych absolutnych schematów wymiarowania, takich jak in i pt. Na przykład Po prostu przedłużając swój „dowód”, jeśli narysuję linię 1_w_, czy będzie on mierzył 1 cal fizycznie?
Saumitra R. Bhave
5
-1 dla niepoprawnego, nieistotnego wyrażenia. pxma rozmiar w stosunku do piksela odniesienia , a nie pikseli na ekranach, na których jesteś tutaj. Może ci się to nie podobać, ale wyciągnięcie linijki nie zmniejszy faktu, ani nie przyczyni się do udzielenia odpowiedzi na pytanie. stackoverflow.com/questions/27382331/… "The reference pixel is the visual angle of one pixel on a device with a pixel density of 96dpi and a distance from the reader of an arm's length. For a nominal arm's length of 28 inches, the visual angle is therefore about 0.0213 degrees."
underscore_d
52

Jest przydatny do wszystkiego, co musi być skalowane zgodnie z rozmiarem czcionki.

Jest to szczególnie przydatne w przeglądarkach, które implementują powiększenie poprzez skalowanie rozmiaru czcionki. Jeśli więc zmierzysz wszystkie elementy za pomocą em, skalują się odpowiednio.

Daniel Rikowski
źródło
97
Obecnie wszystkie nowoczesne przeglądarki stosują powiększanie poprzez równe skalowanie wszystkich jednostek bezwzględnych zamiast skalowania tylko rozmiarów czcionek. Zauważ, że ta odpowiedź została napisana w 2009 roku, kiedy było mniej przypadków niż obecnie.
thomasrutter
22

Ponieważ em ( http://en.wikipedia.org/wiki/Em_(typography) ) jest wprost proporcjonalny do aktualnie używanego rozmiaru czcionki. Jeśli rozmiar czcionki to, powiedzmy, 16 punktów, jeden em to 16 punktów. Jeśli rozmiar czcionki wynosi 16 pikseli ( uwaga : nie taki sam jak w punktach), jeden em ma 16 pikseli.

Prowadzi to do dwóch (powiązanych) rzeczy:

  1. łatwo zachować proporcje, jeśli później zdecydujesz się edytować rozmiary czcionek w CSS.
  2. Wiele przeglądarek obsługuje niestandardowe rozmiary czcionek, zastępując CSS. Jeśli wszystko projektujesz w pikselach, układ może się popsuć w takich przypadkach. Ale jeśli używasz ems, te zastąpienia powinny złagodzić te problemy.
Henrik Paul
źródło
Właśnie szukając formuły obliczeniowej :-) Może to było dobre, aby dodać odwrotny przykład, jak dobrze, jak 2pxjest 0.125emdla czcionką 16 pikseli.
Wolf
12

przykład:

Code: body {font-size: 10px;} // trzymaj 10 wszystkich rozmiarów poniżej poprawnych, zmień tę wartość, a reszta zmieni się na np. 1,4 tej wartości

1 {rozmiar czcionki: 1,2 em;} // 12px

2 {rozmiar czcionki: 1,4em;} // 14px

3 {rozmiar czcionki: 1.6em;} // 16px

4 {rozmiar czcionki: 1.8em;} // 18px

5 {rozmiar czcionki: 2em;} // 20px

ciało

1

2)

3)

4

5

zmieniając wartość w ciele, reszta zmienia się automatycznie, tak aby była rodzajem wartości bazowej…

10 × 2 = 20 10 × 1,6 = 16 itd

możesz mieć wartość podstawową jako 8px… więc 8 × 2 = 16 8 × 1.6 = 12,8 // może zostać zaokrąglone przez przeglądarkę

Muhammad Usman Ghani
źródło
3
Lepiej byłoby dodać obraz ilustrujący efekt.
Wolf
8

Bardzo praktycznym powodem jest to, że IE 6 nie pozwala na zmianę rozmiaru czcionki, jeśli jest określona za pomocą px, podczas gdy robi to, jeśli używasz względnej jednostki, takiej jak em lub wartości procentowe. Niedopuszczenie do zmiany rozmiaru czcionki przez użytkownika jest bardzo niekorzystne dla dostępności. Chociaż spada, wciąż jest wielu użytkowników IE 6.

John Topley
źródło
1
Pamiętaj, że IE7 i IE8 nadal nie mogą zmieniać rozmiaru tekstu o rozmiarze czcionki określonym w pikselach (do Page > Text Size). Jednak IE7 dodał zoom strony ( Page > Zoom), który oczywiście powiększa całą stronę, łącznie z tekstem.
mercator,
1
Lepiej niż Page> Zoon, spróbuj nacisnąć klawisze [CTRL] + [-] lub [+] na klawiaturze w IE7 +, Chrome i Firefox - pełne powiększanie strony bez większości problemów, które występują przy próbie zmiany rozmiarów czcionek.
Rich Turner
1
Prawie żaden komputer na świecie korzysta z IE6 w 2017 r.
Michael
3
@MichaelMay Stąd, dlaczego odpowiedź i inne komentarze zostały napisane w 2009 roku ... lol
Chev
7

użyj px do precyzyjnego umieszczenia elementów graficznych. używaj em do pomiarów związanych z pozycjonowaniem i odstępami wokół elementów tekstowych, takich jak wysokość linii itp. px jest dokładny w pikselach, em może zmieniać się dynamicznie z używaną czcionką

Scott Evernden
źródło
jest, ale nie odpowiada minimalnym wymaganiom WCAG 2.0: w3.org/WAI/WCAG20/quickref/Overview.php - Wystarczające techniki dla 1.4.4
meo
2

Głównym powodem używania em lub wartości procentowych jest umożliwienie użytkownikowi zmiany rozmiaru tekstu bez przerywania projektu. Jeśli projektujesz z czcionkami określonymi w px, nie zmieniają one rozmiaru (w IE 6 i innych), jeśli użytkownik wybierze rozmiar tekstu - większy . Jest to bardzo złe dla użytkowników z upośledzeniami wizualnymi.

Aby zapoznać się z kilkoma przykładami i artykułami na temat takich projektów (jest mnóstwo do wyboru), zobacz najnowszy numer A List Apart: Fluid Grids , starszy artykuł Jak dopasować rozmiar tekstu w CSS lub Bulletproof Web Design Dana Cederholma .

Twoje obrazy powinny nadal być wyświetlane w rozmiarach px, ale ogólnie rzecz biorąc, nie jest uważane za dobrą formę do wymiarowania tekstu za pomocą px.

Choć osobiście gardzę IE6, jest to obecnie jedyna przeglądarka zatwierdzona dla większości użytkowników w naszej firmie Fortune 200.

Traingamer
źródło
1
Siatki płynów +1 były tym, czego szukałem, kiedy zadałem pytanie. (też, czy twoja firma nie powinna aktualizować do IE7?)
Spoike
Jeśli mnie zapytasz, powinni użyć Firefoksa, ale tak naprawdę mnie nie pytają. :-) (IE7 byłby lepszy niż 6, ale nie mam uprawnień do podejmowania decyzji)
Traingamer
2

Istnieje proste rozwiązanie, jeśli chcesz użyć px do określenia rozmiaru czcionki, ale nadal chcesz użyteczności, jaką zapewniają, umieszczając to w pliku CSS:

body {
  font-size: 62.5%;
}

Teraz określ ptagi (i inne) takie jak to:

p {
  font-size: 0.8em; /* This is equal to 8px */
  font-size: 1.0em; /* This is equal to 10px */
  font-size: 1.2em; /* This is equal to 12px */
  font-size: 2.0em; /* This is equal to 20px */
}

I tak dalej.

Anonimowy Coder
źródło
2
Czy to nie zależy w dużej mierze od tego, że nikt nie zmienia niestandardowych ustawień css w przeglądarce?
Spoike
4
Tak, powinieneś po prostu ustawić font-size: 10px. css-tricks.com/forums/discussion/1230/…
m33lky
Wolę pozostawić rozmiar czcionki: 100% i użyć miksów, aby obliczyć wartość em
gunnx
0

Prawdopodobnie będziesz chciał używać ich do rozmiarów czcionek, dopóki IE6 nie zniknie (z Twojej strony). Px będzie w porządku, gdy powiększanie strony (w przeciwieństwie do powiększania tekstu) stanie się standardowym zachowaniem.

Traingamer podał już niezbędne linki .

użytkownik73912
źródło
0

Piksel jest jednostką absolutną, natomiast rem / em są jednostkami względnymi. Więcej informacji: https://drafts.csswg.org/css-values-3/

Powinieneś użyć jednostki względnej, jeśli chcesz, aby rozmiar czcionki był dostosowywany do rozmiaru czcionki w systemie, ponieważ system zapewnia wartość rozmiaru czcionki dla elementu głównego, którym jest element HTML.

W takim przypadku, gdy strona internetowa jest otwarta w Google Chrome, rozmiar czcionki dla elementu HTML jest ustawiany przez chrome, spróbuj go zmienić, aby zobaczyć efekt na stronach internetowych z czcionkami jednostek rem / em.

wprowadź opis zdjęcia tutaj

Jeśli użyjesz pxjako jednostki czcionek, czcionki nie będą się zmieniać, podczas gdy czcionki z rem/em unit zmieniają rozmiar po zmianie rozmiaru czcionki w systemie.

Użyj więc, pxgdy chcesz, aby rozmiar był stały i użyj rem/, emjeśli chcesz, aby rozmiar był adaptacyjny / dynamiczny do rozmiaru systemu.

thisshri
źródło
-1

Ogólna zgoda polega na wykorzystaniu wartości procentowych do zmiany rozmiaru czcionek, ponieważ jest bardziej spójna w różnych przeglądarkach / platformach.

To zabawne, zawsze używałem pt do zmiany rozmiaru czcionek i zakładałem, że wszystkie strony tego używają. Zwykle nie używasz pikseli w innych aplikacjach (np. Word). Myślę, że to dlatego, że są do drukowania - ale rozmiar jest taki sam w przeglądarce internetowej jak w programie Word ...

DisgruntledGoat
źródło
-2

Zamiast tego używaj remu em lub px, ponieważ łatwiej jest znaleźć obliczoną wartość. Ale pomiędzy em a px, px jest lepszy, ponieważ trudno jest je debugować.

Juan Tamad
źródło
Dodaj dodatkowe wyjaśnienie do swojej odpowiedzi, aby inni mogli się z niej uczyć - zwłaszcza, że ​​jest to naprawdę stare pytanie, które ma już mnóstwo pozytywnych odpowiedzi
Nico Haase,