Reszponzív szerkesztés az atomikus szerkesztőben

A reszponzív szerkesztés azt jelenti, hogy egy elem kinézetét úgy módosítod, hogy a különböző képernyőméreteken is jól mutasson. Az atomikus (V4) szerkesztőben ez egyszerű: az elemek minden beállítása testre szabható különböző képernyőméretekre. A klasszikus (V3) szerkesztőről a Szerkesztés mobilra és táblagépre fejezet szól.

Elem szerkesztése egy eszközre

1. Jelöld ki a szerkeszteni kívánt elemet. Alapból az oldal asztali nézetben látszik.
2. A felső sávban kattints arra az eszközre, amelyre szerkeszteni akarsz (például a mobil ikonra). Reszponzív módban a Stílus fül bármely beállítását szerkesztheted.
3. Módosítsd a beállításokat, például cseréld ki a háttérképet, és csökkentsd a betűméretet. A vásznon az oldal úgy látszik, ahogy mobilon fog megjelenni.

A reszponzív beállítások alapból a nagyobb képernyőről öröklődnek a kisebbre. Ha egy címsor betűmérete asztali gépen 24 pont, a táblagép is 24 pontot használ, amíg külön nem állítod át. Ha a táblagépen 12 pontra változtatod, a mobil is a 12 pontot kapja, amíg a mobilra külön értéket nem adsz. A kivétel a szélesvásznú nézet: az nem hat a többi eszköz beállításaira.

Elem elrejtése mobilon

Sok tervben egy elem egyik képernyőméreten jól mutat, a másikon viszont rontja az elrendezést. Például egy nagy kép asztali gépen és táblagépen szép, mobilon viszont szétveri a kialakítást. Ilyenkor a Stílus fülön elrejtheted az elemet a kiválasztott képernyőméreteken.

1. Adj hozzá egy elemet az oldalhoz (a példában egy képet).
2. A felső sávban kattints a mobil ikonra.
3. Jelöld ki a Kép elemet. A beállításai a bal oldali panelen jelennek meg.
4. Kattints a Stílus fülre.
5. Nyisd ki az Elrendezés szakaszt.
6. A Megjelenítés mezőben válaszd a Nincs értéket.

A kép mobil képernyőméreteken többé nem jelenik meg. Az elemet továbbra is elérheted a Szerkezet ablakban. A teljes leírás az Elemek megjelenítése vagy elrejtése eszközönként fejezetben van.

Örökölt értékek jelzése

Ha egy beállítás értéke a nagyobb képernyőről származik, a mező halványan mutatja, így látod, hogy örökölt. Ha például egy címsor betűmérete az asztali nézetben 70 px, a táblagép nézetben ez a 70 px halványan jelenik meg: a táblagép örökli az értéket.

Ha a Betűméret mellett a szürke pontra kattintasz, megmutatja, honnan öröklődik az érték. Az örökölt értékek a legtöbb elembeállításnál működnek. Az öröklődés szabályairól bővebben az Örökölt reszponzív értékek fejezetben olvashatsz.