Labākā prakse | DivMagic

Padomi un triki, lai maksimāli izmantotu DivMagic

1. Vispirms strādājiet ar mobilo tālruni

Līdzīgi kā Tailwind, vispirms atlasiet mobilās ierīces un pēc tam pievienojiet stilus lielākiem ekrāniem. Tas palīdzēs daudz ātrāk un vienkāršāk kopēt un pārveidot stilus.

DivMagic pārvērš elementu, kā jūs to redzat pārlūkprogrammā. Ja jums ir liels ekrāns, kopētie stili būs paredzēti lielam ekrānam un ietvers piemales, polsterējumu un citus stilus šim ekrāna izmēram.

Tā vietā, lai kopētu stilus lielam ekrānam, samaziniet pārlūkprogrammas izmērus un kopējiet stilus šim ekrāna izmēram. Pēc tam pievienojiet stilus lielākiem ekrāniem.

2. Pievērsiet uzmanību fonam

Kopējot elementu, DivMagic kopēs fona krāsu. Tomēr ir iespējams, ka elementa fona krāsa nāk no vecākelementa.

Ja kopējat elementu un fona krāsa netiek nokopēta, pārbaudiet vecākelementa fona krāsu.

3. Pievērsiet uzmanību grid elementiem

DivMagic kopē elementu tādu, kādu to redzat savā pārlūkprogrammā. grid elementiem ir daudz stilu, kas ir atkarīgi no skata lieluma.

Ja kopējat grid elementu un nokopētais kods netiek rādīts pareizi, mēģiniet mainīt grid stilu uz flex

Vairumā gadījumu, mainot grid stilu uz flex un pievienojot dažus stilus (piemēram, flex-row, flex-col), jūs iegūsit tādu pašu rezultātu.