Bästa metoder | DivMagic

Tips och tricks för att få ut det mesta av DivMagic

1. Jobba mobilt först

Liknar Tailwind, rikta in mobila enheter först och lägg sedan till stilar för större skärmar. Detta hjälper dig att kopiera och konvertera stilar mycket snabbare och enklare.

DivMagic konverterar ett element som du ser det i webbläsaren. Om du har en stor skärm kommer de kopierade stilarna att vara för en stor skärm och inkluderar marginalen, utfyllnad och andra stilar för den skärmstorleken.

Istället för att kopiera stilarna för en stor skärm, ändra storlek på din webbläsare till en mindre storlek och kopiera stilarna för den skärmstorleken. Lägg sedan till stilarna för större skärmar.

2. Var uppmärksam på bakgrunden

När du kopierar ett element kommer DivMagic att kopiera bakgrundsfärgen. Det är dock möjligt att bakgrundsfärgen för ett element kommer från ett överordnat element.

Om du kopierar ett element och bakgrundsfärgen inte kopieras, kontrollera det överordnade elementet för bakgrundsfärgen.

3. Var uppmärksam på grid-element

DivMagic kopierar ett element som du ser det i din webbläsare. grid-element har många stilar som är vystorleksberoende.

Om du kopierar ett grid-element och den kopierade koden inte visas korrekt, försök att ändra grid-stil till flex

I de flesta fall, om du ändrar grid-stilen till flex och lägger till några stilar (ex: flex-row, flex-col) kommer du att få samma resultat.