2011-10-30 14 views
12

Jakie są zalety każdej z nich: &? em, px, % i pt?Najlepsza jednostka rozmiarów czcionek w CSS

Mój obecny wybór są procenty, jedynym powodem jest to, bo mogę globalnie zmienić rozmiar czcionki wszystkich elementów, tylko poprzez modyfikację rozmiaru czcionki na elementu głównego (korpus)

+1

Możesz globalnie zmienić "rozmiar czcionki" na dowolną z tych jednostek. – yoda

+3

hmm nie sądzę .. – Alex

+1

nie ma ustalonej reguły kciuka Przypuszczam, że generalnie używam em i%, ponieważ są bardziej względne niż px i pt, które są bardziej bezwzględne i mogą nie oferować najlepszego możliwego wyświetlenia. Spójrz na to: http://www.w3.org/Style/Examples/007/units.en.html – Amn

Odpowiedz

7

Polecam EM - po prostu dlatego, że używam Baseline CSS dla mojej podstawowej konfiguracji formularzy, układu i co najważniejsze typu.

nie mogę polecić to za mało: http://baselinecss.com/

+2

może to się zmieniło od czasu opublikowania tej odpowiedzi, ale baselinecss.com używa pikseli do rozmiaru czcionki (nov 2012) –

+1

Tak, wygląda na to, że autor Baseline odszedł od używania em, jak to podano na stronie głównej linii bazowej: "Linia bazowa jest zbudowana z pikseli, prawie niemożliwe jest utworzenie standardowej linii bazowej za pomocą ems z powodu zaokrąglania jednostki przeglądarki. błędy powodujące nieznaczne przesunięcie linii bazowych ems w nieprzewidywalny sposób. " – 10basetom

4

Mój pierwotny projekt szkoleniowy powiedział em, gdzie to możliwe.

Uważam, że głównym powodem było to, że różne przeglądarki i urządzenia mają różne rozdzielczości, co ponownie staje się poważnym problemem.

Myślę, że często lepiej jest używać em i% s, ponieważ są one warstwą abstrakcji, szczególnie w porównaniu do pikseli. Oba są podobne pod pewnymi względami jako "100%" = "1em". Innym problemem z jednostką piksela jest to, że nie skaluje się w górę dla osób niedowidzących.
Dzisiaj, w przypadku urządzeń przenośnych, padów itp. Rozważmy, że często lepiej jest mieć określone arkusze stylów/reguły dla każdego z nich.

Ponadto, w przypadku problemów z drukowaniem, em działa dobrze.

Widziałem jednostkę em o nazwie standard dla rozmiarów czcionek w Internecie, ale jednostka procentowa często zapewnia bardziej spójny i dostępny wyświetlacz. Po zmianie ustawień użytkownika tekst procentowy dobrze się skaluje, zachowując czytelność, dostępność i wygląd.

3

Zawsze używam ems. Używanie% jest w pewnym sensie takie samo, ale oznacza coś innego, gdy używa się ich w instrukcji wypełnienia lub marginesu (wypełnienie: 1em 0; nie jest to samo co wypełnienie: 100% 0;). Więc używaj ems I masz na myśli w stosunku do aktualnego rozmiaru czcionki i unikaj wszelkich nieporozumień.

Dodatkowe korzyści lub używanie ems można np. użyj zapytania o media i body{font-size: 120%}, aby dać użytkownikom mobilnym nieco większy rozmiar czcionki.

4

Tu jest link do jednego z moich ulubionych artykułów na temat prawidłowego doboru tekstu z CSS z AListApart:

http://www.alistapart.com/articles/howtosizetextincss

Semantycznie korzystny jest em, ale zawsze okazało się problematyczne, ponieważ skutki każdy element podrzędny włącznie. Jeśli twój projekt zagnieżdzi 4 lub 5 elementów div, a każdy z nich jest równy 0,75 em, do czasu przejścia do ostatniego elementu potomnego tekst jest prawie nieczytelny.

Moje preferencje to pt, ponieważ działa z różnymi systemami operacyjnymi (pozwalając systemowi sam decydować o czym jest pt), a nie przy użyciu px, który może naprawdę utrudniać czytelność strony w zależności od rozdzielczości. Em jest uważany za "standard" dla css, ale ma tak samo wiele problemów, jak inne, ale ma tę zaletę, że kaskaduje się na całym świecie.

Powiązane problemy