Legjobb gyakorlatok | DivMagic

Tippek és trükkök, hogy a legtöbbet hozza ki a DivMagicból

1. Először mobillal dolgozzon

Hasonló a Tailwindhez, először célozza meg a mobileszközöket, majd adjon hozzá stílusokat a nagyobb képernyőkhöz. Ezzel sokkal gyorsabban és könnyebben másolhat és konvertálhat stílusokat.

A DivMagic úgy alakítja át az elemet, ahogy azt a böngészőben látja. Ha nagy képernyője van, a másolt stílusok nagy képernyőre vonatkoznak, és tartalmazzák az adott képernyőmérethez tartozó margót, kitöltést és egyéb stílusokat.

A stílusok nagy képernyőre való másolása helyett méretezze át a böngészőt kisebb méretre, és másolja át az adott képernyőmérethez tartozó stílusokat. Ezután adja hozzá a stílusokat a nagyobb képernyőkhöz.

2. Ügyeljen a háttérre

Amikor másol egy elemet, a DivMagic átmásolja a háttérszínt. Előfordulhat azonban, hogy egy elem háttérszíne szülőelemből származik.

Ha egy elemet másol, és a háttérszín nem másolódik, ellenőrizze a szülőelem háttérszínét.

3. Ügyeljen a grid elemekre

A DivMagic úgy másol egy elemet, ahogy azt a böngészőjében látja. A grid elemnek sok stílusa van, amelyek a nézet méretétől függenek.

Ha egy grid elemet másol, és a másolt kód nem jelenik meg megfelelően, próbálja meg módosítani a grid stílust flex-re

A legtöbb esetben, ha a grid stílust flex-re módosítja, és hozzáad néhány stílust (pl. flex-row, flex-col), ugyanazt az eredményt fogja elérni.