Шилдэг туршлага | DivMagic

DivMagic-ээс хамгийн их ашиг хүртэх зөвлөмж, заль мэх

1. Эхлээд гар утсан дээр ажилла

Tailwind-тэй төстэй, эхлээд мобайл төхөөрөмжүүдийг онилж, дараа нь том дэлгэцэнд зориулж загвар нэмнэ үү. Энэ нь танд хэв маягийг илүү хурдан бөгөөд хялбар хуулж, хөрвүүлэхэд тусална.

DivMagic нь элементийг хөтчөөс харвал хөрвүүлдэг. Хэрэв та том дэлгэцтэй бол хуулсан загварууд нь том дэлгэцэнд зориулагдсан байх ба тухайн дэлгэцийн хэмжээн дэх захын зай, дэвсгэр болон бусад хэв маягийг багтаана.

Том дэлгэцийн хэв маягийг хуулахын оронд хөтчийнхөө хэмжээг жижигрүүлж, тухайн дэлгэцийн хэмжээтэй загваруудыг хуулна уу. Дараа нь том дэлгэцийн хэв маягийг нэмнэ үү.

2. Арын дэвсгэр дээр анхаарлаа хандуулаарай

Элемент хуулах үед DivMagic дэвсгэр өнгийг хуулах болно. Гэсэн хэдий ч, элементийн дэвсгэр өнгө нь эх элементээс ирж болно.

Хэрэв та элементийг хуулж, дэвсгэр өнгө нь хуулагдахгүй бол үндсэн элементээс дэвсгэр өнгө байгаа эсэхийг шалгана уу.

3. grid элементүүдэд анхаарлаа хандуулаарай

DivMagic нь тухайн элементийг таны хөтөч дээр харснаар хуулдаг. grid элементүүд нь харах хэмжээнээс хамаардаг маш олон загвартай байдаг.

Хэрэв та grid элементийг хуулсан ч хуулсан код нь зөв харагдахгүй байвал grid загварыг flex болгож өөрчилнө үү.

Ихэнх тохиолдолд grid загварыг flex болгон өөрчилж, цөөн хэдэн загвар (жишээ нь: flex-row, flex-col) нэмэх нь танд ижил үр дүнг өгөх болно.