Geriausia praktika | DivMagic

Patarimai ir gudrybės, kaip išnaudoti visas DivMagic galimybes

1. Pirmiausia dirbkite mobiliuoju

Panašus į Tailwind, pirmiausia taikykite į mobiliuosius įrenginius, o tada pridėkite stilių didesniems ekranams. Tai padės daug greičiau ir lengviau kopijuoti ir konvertuoti stilius.

„DivMagic“ konvertuoja elementą taip, kaip jį matote naršyklėje. Jei turite didelį ekraną, nukopijuoti stiliai bus skirti dideliam ekranui ir apima paraštes, užpildymą ir kitus tokio ekrano dydžio stilius.

Užuot kopijavę didelio ekrano stilius, sumažinkite naršyklės dydį ir nukopijuokite tokio ekrano dydžio stilius. Tada pridėkite didesnių ekranų stilius.

2. Atkreipkite dėmesį į foną

Kai nukopijuosite elementą, „DivMagic“ nukopijuos fono spalvą. Tačiau gali būti, kad elemento fono spalva bus gaunama iš pirminio elemento.

Jei nukopijuojate elementą, o fono spalva nenukopijuota, patikrinkite pagrindinio elemento fono spalvą.

3. Atkreipkite dėmesį į grid elementus

„DivMagic“ nukopijuoja elementą tokį, kokį matote savo naršyklėje. grid elementai turi daug stilių, kurie priklauso nuo vaizdo dydžio.

Jei nukopijavote grid elementą ir nukopijuotas kodas rodomas neteisingai, pabandykite pakeisti grid stilių į flex

Daugeliu atvejų pakeitus grid stilių į flex ir pridėjus kelis stilius (pvz., flex-row, flex-col), rezultatas bus toks pat.