Procent lub piksel dla układów?

Czego użyjesz do układu strony? Procent lub piksele?
Kiedy należy stosować jeden na drugim?

web-development design websites

— ACP
źródło

Ani - użyj ich ;-)

— Armand,

(To „em” to typograficzny termin, a nie „em” tag HTML, na wypadek, gdyby ktoś się bałaganił.)

— Frank Shearar,

@Alison: nie masz na myśli „Ani - użyj ich ”?

— Alan Pearce,

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:

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).

— Guffa
źródło

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,

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ą.

— sunwukung
ź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.

— Matt S.
źródło