CSS-ben milyen mértékegységeket érdemes használni reszponzivitáshoz?

Rosszul tudod a % az inkább a vw (viewport) hoz kapcsolódik.

Százalék: A viewport szélességéhez viszonyított mértékegység.

Jól skálázódik a különböző képernyőméretekhez.

em: A betűmérethez viszonyított mértékegység.

Megőrzi a betűméret arányait a különböző képernyőméreteken.

vw: A viewport (Aktuális megjelenítő) szélességének 1%-át jelöli.

Nagyobb mértékű skálázást biztosít, mint a %.

A % és em közötti különbség: A % a viewport szélességéhez, míg az em a betűmérethez igazodik. A % skálázása lineáris, míg az em skálázása nemlineáris (a betűméret növekedésével az em értéke is növekszik).

En is rem-et ajanlok. A kulonbseg az em es a rem kozott, hogy az em mindig az elemre vonatkozo betumeretet veszi alapul, a rem pedig minden esetben az alap betumeretet (tobbnyire a html elem tulajdonsagainal van beallitva)

Ugyanakkor reszponziv oldalaknal mindig az adott szerkezeti elem donti el, hogy milyen mertekegyseget hasznalj. Pl egy oldalsav lehet fix szelessegu rem vagy px meretu, de a headerek eseteben mindenkeppen rem a jo megoldas. A szazalekos meretek hasznalata reszponziv oldalaknal kerulendo, azok a fluid oldalakhoz jok, de kis kiveteltol eltekintve modern oldalakhoz mar regen nem hasznalunk fluid szerkezetet.