Reszponzivitás – Példák (09:36)

Ebben a leckében összeszedtem neked a leggyakoribb reszponzivitásos hibákat és beállítani valókat.

Betűméretek hibája

• Készítettünk egy táblázatot, ami igazából egy mankó a megfelelő betűméret kiválasztásához
• Az Elementorban ezeket nem kell megtanulnod, mert globálisan az egész weboldalra vonatkozóan be tudod állítani
• Előfordul, hogy valahol egyedi betűméretet használsz, de a lényeg, hogy ne vidd túlzásba!

Margók, belső margók

• Arányaiban és hatásában más méreteket kell használni asztali nézeten és a többi nézeten.
• A % is elég jól működik, viszont mi az elrendezéseinket főleg pixellel készítjük
• Azért érdemes a mi elrendezéseinket használni, mert ezekben már szépen be vannak állítva a margók és belső margók
• Az elkészült oldalakat teszteld pc-n, tableten és mobilon is

Függőleges középreigazítás

• Főleg kétoszlopos elrendezéseknél jön elő a probléma, hogy különböző eszközökön nem fest valami jól az elrendezés, egymáshoz képest szétcsúsznak a tartalmak
• Megoldás: szakasz beállítások / függőleges igazítás középre
• Így felismeri a rendszer, hogy melyik oszlopban lévő tartalom a rövidebb és azt beteszi középre

Rossz sorrend mobilnézeten

• Kétoszlopos elrendezéseknél reszponzív nézetben rossz lehet a logikai egységek sorrendje
• A legjobb a következő sorrend: kép – szöveg – gomb
• Érdemes a képet a bal oldali oszlopba tenni, a szöveget pedig a jobb oldaliba
• Az elementorban van a szakasz / haladó / reszponzív beállításoknál egy fordított oszlopok nevű opció, ami szuper megoldás, ha több kétoszlopos szakasz követi egymást

Tehát ezek azok az esetek, amik a legtöbbször előjönnek:

• Betűméret hibája
• Belső margók aránytalansága
• Függőleges középre igazítás
• Rossz sorrend a mobil nézeten

Nehezebb reszponzivitás probémák:

• ha az asztali nézetben eltolások vannak, 
• ha különlegesebb, egyenetlen a háttér, 
• ha a tartalom hossza sokkal másabb, mint a betöltött elrendezésnél, 
• ha aránytalan a kép, így nagyon más a hatása asztali és mobil kijelzőn
• és még vannak egyéb dolgok is, amiket nem lehet így szépen szétbontani

Ezek főleg akkor jönnek elő, ha különlegesebb dolgot próbálsz elérni.

A videóban mutatok pár esetet, amikor nekünk is használni kellett különlegesebb megoldásokat. Ritkán fogsz hozzájuk nyúlni, de a funkciók megértésére szükséged lesz, ha mégis erre kerülne a sor.