(To „em” to typograficzny termin, a nie „em” tag HTML, na wypadek, gdyby ktoś się bałaganił.)
Frank Shearar,
4
@Alison: nie masz na myśli „Ani - użyj ich ”?
Alan Pearce,
1
Platforma docelowa? Oczywistym byłby procent, ale niestety, ponieważ większość zasobów graficznych nie skaluje się ładnie, polecam piksele
dvhh
Hmmmm @Alan, masz rację :—)
Armand,
Odpowiedzi:
11
To, której jednostki użyjesz, zależy całkowicie od tego, co chcesz osiągnąć. Jednostki najczęściej używane w układach sieciowych to:
px - bezwzględny; jeden piksel
pt - absolutny; 1/72 cala, około 1,3px dla mediów ekranowych
em - w stosunku do rozmiaru czcionki rodzica; 1.0em = rozmiar znaku (szerokość wielkich liter M)
% - względem rodzica
Używasz px dla rozmiarów, które pozostają stałe, na przykład obramowanie 1px.
Używasz ich do rozmiarów, które powinny odpowiadać rozmiarowi czcionki, na przykład margines 3,0em.
Używasz% dla rozmiarów, które powinny zajmować procent rodzica, na przykład 50% szerokości.
W przypadku układów stron internetowych zwykle używasz pikseli lub wartości procentowych, w zależności od tego, czy chcesz mieć układ stały (w pikselach), czy płynny (w procentach).
Trochę do wyboru: em to szerokość, a nie wysokość wielkiej litery M w tradycyjnej typografii. Nic dziwnego, że en jest szerokością dużej litery N. Ex to znakowa miara wysokości.
Stan Rogers,
@Stan Rogers: Nigdy nie mówiłem, że to była wysokość wielkiej litery M, ktoś inny to zredagował.
Guffa
Liczy się to, że podane informacje są tak poprawne, jak to tylko możliwe, a nie kto je tam umieścił. (Nie mogę jeszcze edytować odpowiedzi innych osób na wiki, więc komentarze są najlepsze, co mogę zrobić.)
Stan Rogers
Rozmiar punktu nie jest bezwzględny, chyba że znasz dokładną rozdzielczość urządzenia wyjściowego i współczynnik skali ustawiony przez użytkownika (niezależny od rozdzielczości interfejs użytkownika, XP „duże czcionki” itp.). Ponadto iPhone 4 ma rozdzielczość 326 dpi, czyli znacznie więcej niż
72 dpi
@JBRWilkinson: To absolutna miara dla każdego urządzenia. Jest tak bezwzględny jak jednostka px; rozmiar piksela różni się również dla każdego wyświetlacza.
Guffa,
1
Zwykle używam pikseli do deklaracji szerokości (które zazwyczaj są stałe), ale em do wysokości. W ten sposób układ zmienia rozmiar w pionie - ale zachowuje spójność poziomą.
W miarę możliwości używam rozmiarów względnych / proporcjonalnych. Uważam, że znacznie ułatwia późniejsze wprowadzanie zmian w układach. Ponadto użycie rozmiaru względem elementu nadrzędnego oznacza, że zmiana elementu nadrzędnego łatwo spływa w dół.
Tradycyjnie użycie względnych rozmiarów pozwoliło również na poprawne wyświetlanie stron w różnych rozdzielczościach i było szczególnie korzystne dla powiększania przeglądarki lub minimalnych rozmiarów czcionek. Ale współczesne przeglądarki bardzo dobrze radzą sobie ze zmianą rozmiaru dzięki układom specyficznym dla pikseli, a nawet powiększaniu obrazów w razie potrzeby. Dlatego mniej ważne jest stosowanie względnych rozmiarów.
Odpowiedzi:
To, której jednostki użyjesz, zależy całkowicie od tego, co chcesz osiągnąć. Jednostki najczęściej używane w układach sieciowych to:
Używasz px dla rozmiarów, które pozostają stałe, na przykład obramowanie 1px.
Używasz ich do rozmiarów, które powinny odpowiadać rozmiarowi czcionki, na przykład margines 3,0em.
Używasz% dla rozmiarów, które powinny zajmować procent rodzica, na przykład 50% szerokości.
W przypadku układów stron internetowych zwykle używasz pikseli lub wartości procentowych, w zależności od tego, czy chcesz mieć układ stały (w pikselach), czy płynny (w procentach).
źródło
px; rozmiar piksela różni się również dla każdego wyświetlacza.Zwykle używam pikseli do deklaracji szerokości (które zazwyczaj są stałe), ale em do wysokości. W ten sposób układ zmienia rozmiar w pionie - ale zachowuje spójność poziomą.
źródło
W miarę możliwości używam rozmiarów względnych / proporcjonalnych. Uważam, że znacznie ułatwia późniejsze wprowadzanie zmian w układach. Ponadto użycie rozmiaru względem elementu nadrzędnego oznacza, że zmiana elementu nadrzędnego łatwo spływa w dół.
Tradycyjnie użycie względnych rozmiarów pozwoliło również na poprawne wyświetlanie stron w różnych rozdzielczościach i było szczególnie korzystne dla powiększania przeglądarki lub minimalnych rozmiarów czcionek. Ale współczesne przeglądarki bardzo dobrze radzą sobie ze zmianą rozmiaru dzięki układom specyficznym dla pikseli, a nawet powiększaniu obrazów w razie potrzeby. Dlatego mniej ważne jest stosowanie względnych rozmiarów.
źródło