Najlepšie postupy | DivMagic

Tipy a triky, ako z DivMagic vyťažiť maximum

1. Pracujte mobilne

Podobne ako Tailwind, zacieľte najprv na mobilné zariadenia a potom pridajte štýly pre väčšie obrazovky. To vám pomôže kopírovať a konvertovať štýly oveľa rýchlejšie a jednoduchšie.

DivMagic konvertuje prvok tak, ako ho vidíte v prehliadači. Ak máte veľkú obrazovku, skopírované štýly budú pre veľkú obrazovku a budú zahŕňať okraj, výplň a ďalšie štýly pre túto veľkosť obrazovky.

Namiesto kopírovania štýlov pre veľkú obrazovku zmeňte veľkosť prehliadača na menšiu veľkosť a skopírujte štýly pre túto veľkosť obrazovky. Potom pridajte štýly pre väčšie obrazovky.

2. Venujte pozornosť pozadiu

Keď kopírujete prvok, DivMagic skopíruje farbu pozadia. Je však možné, že farba pozadia prvku pochádza z nadradeného prvku.

Ak kopírujete prvok a farba pozadia sa neskopíruje, skontrolujte farbu pozadia nadradeného prvku.

3. Venujte pozornosť prvkom grid

DivMagic skopíruje prvok tak, ako ho vidíte vo svojom prehliadači. Prvky grid majú veľa štýlov, ktoré závisia od veľkosti zobrazenia.

Ak skopírujete prvok grid a skopírovaný kód sa nezobrazuje správne, skúste zmeniť štýl grid na flex

Vo väčšine prípadov zmena štýlu grid na flex a pridanie niekoľkých štýlov (napr.: flex-row, flex-col) vám poskytne rovnaký výsledok.