Parhaat käytännöt | DivMagic

Vinkkejä ja temppuja saadaksesi kaikki irti DivMagicista

1. Työskentele mobiilisti

Samanlainen kuin Tailwind, Kohdista ensin mobiililaitteisiin ja lisää sitten tyylejä suurempia näyttöjä varten. Tämä auttaa sinua kopioimaan ja muuttamaan tyylejä paljon nopeammin ja helpommin.

DivMagic muuntaa elementin sellaiseksi kuin näet sen selaimessa. Jos sinulla on suuri näyttö, kopioidut tyylit on tarkoitettu suurelle näytölle ja sisältävät marginaalin, täytön ja muita tyylejä kyseiselle näytölle.

Sen sijaan, että kopioit tyylejä suurelle näytölle, muuta selaimesi kokoa pienemmäksi ja kopioi tyylit kyseisen näytön koon mukaan. Lisää sitten tyylit suurempia näyttöjä varten.

2. Kiinnitä huomiota taustaan

Kun kopioit elementin, DivMagic kopioi taustavärin. On kuitenkin mahdollista, että elementin taustaväri tulee pääelementistä.

Jos kopioit elementin, mutta taustaväriä ei kopioida, tarkista pääelementin taustaväri.

3. Kiinnitä huomiota grid-elementteihin

DivMagic kopioi elementin sellaisena kuin näet sen selaimessasi. grid-elementeillä on monia tyylejä, jotka riippuvat näkymän koosta.

Jos kopioit grid-elementin ja kopioitu koodi ei näy oikein, yritä muuttaa grid-tyyliksi flex

Useimmissa tapauksissa grid-tyylin muuttaminen flex:ksi ja muutaman tyylin lisääminen (esim. flex-row, flex-col) antaa saman tuloksen.