Responsywność a pixele

Question

czesc,

zacząłem html i css i mam pytanie co do stron responsywnych - dlaczego robiac strone w rwd używamy do określania wielkości normalnie px? każde ekran ma inny wymiar więc dlaczego nie robimy na vh i wh do pewnego momentu (az uznamy ze jest niewidoczne - maly ekran) i potem idzimy na mobilne? (ale też vh i wh), wgl czy px są sobrą praktyką? spotkałem się pare razy jak ludzie używają rem? czy jest jakieś właściwe rozwiązanie?

Answer 1

Hej, możesz użyć wielu %, em, rem, vw,vh, te są najczęśćiej używane

Jeśli viewport czyli szerokość obszaru jest szeroki na 40cm to, 1vw == 0.4cm.

1vw = 1% of viewport width
1vh = 1% of viewport height

 

standard CSS w 2013 roku wprowadził nową jednostkę: rem. Jest ona zdefiniowana jako wielkość tzw. bazowej czcionki dokumentu (stąd nazwa, bazowy em od angielskiego root em). W przeciwieństwie do em, który może być inny dla każdego elementu, rem jest niezmienny w całym dokumencie.

 

O px zapomnij, czasami używa się tego do borderu czy paddingu

pozdrawiam

Comments

ok ale właściwie co za różnica px czy rem czy em skoro deklarując rozmiar czcionki w px automatycznie rem i em sa zalezne od px? mozna je zmianiac w jednym miejscu ale to dalej tak jakby pixele?