Parimad tavad | DivMagic

Näpunäiteid ja nippe, kuidas DivMagicist maksimumi võtta

1. Töötage ennekõike mobiilselt

Sarnane Tailwindiga, sihtige esmalt mobiilseadmeid ja seejärel lisage stiilid suuremate ekraanide jaoks. See aitab teil stiile palju kiiremini ja lihtsamalt kopeerida ja teisendada.

DivMagic teisendab elemendi nii, nagu te seda brauseris näete. Kui teil on suur ekraan, on kopeeritud stiilid mõeldud suurele ekraanile ning sisaldavad veerisi, polsterdust ja muid selle ekraanisuuruse stiile.

Selle asemel, et kopeerida stiilid suurele ekraanile, muutke oma brauseri suurust väiksemaks ja kopeerige selle ekraanisuuruse stiilid. Seejärel lisage stiilid suuremate ekraanide jaoks.

2. Pöörake tähelepanu taustale

Kui kopeerite elemendi, kopeerib DivMagic taustavärvi. Siiski on võimalik, et elemendi taustavärv pärineb emaelemendist.

Kui kopeerite elemendi ja taustavärvi ei kopeerita, kontrollige põhielemendi taustavärvi.

3. Pöörake tähelepanu grid elementidele

DivMagic kopeerib elemendi nii, nagu näete seda oma brauseris. grid elementidel on palju stiile, mis sõltuvad vaate suurusest.

Kui kopeerite grid elemendi ja kopeeritud koodi ei kuvata õigesti, proovige muuta grid stiiliks flex

Enamikul juhtudel annab grid stiili muutmine stiiliks flex ja mõne stiili lisamine (nt flex-row, flex-col) sama tulemuse.