Amalan Terbaik | DivMagic

Petua dan kiat untuk memanfaatkan DivMagic sepenuhnya

1. Kerja mudah alih

Sama seperti Tailwind, sasarkan peranti mudah alih dahulu dan kemudian tambah gaya untuk skrin yang lebih besar. Ini akan membantu anda menyalin dan menukar gaya dengan lebih pantas dan lebih mudah.

DivMagic menukar elemen seperti yang anda lihat dalam penyemak imbas. Jika anda mempunyai skrin besar, gaya yang disalin adalah untuk skrin besar dan termasuk margin, padding dan gaya lain untuk saiz skrin tersebut.

Daripada menyalin gaya untuk skrin besar, ubah saiz penyemak imbas anda kepada saiz yang lebih kecil dan salin gaya untuk saiz skrin tersebut. Kemudian, tambahkan gaya untuk skrin yang lebih besar.

2. Beri perhatian kepada latar belakang

Apabila anda menyalin elemen, DivMagic akan menyalin warna latar belakang. Walau bagaimanapun, warna latar belakang sesuatu elemen boleh didapati daripada unsur induk.

Jika anda menyalin elemen dan warna latar belakang tidak disalin, semak elemen induk untuk warna latar belakang.

3. Beri perhatian kepada elemen grid

DivMagic menyalin elemen seperti yang anda lihat dalam penyemak imbas anda. Elemen grid mempunyai banyak gaya yang bergantung kepada saiz paparan.

Jika anda menyalin elemen grid dan kod yang disalin tidak dipaparkan dengan betul, cuba tukar gaya grid kepada flex

Dalam kebanyakan kes, menukar gaya grid kepada flex dan menambah beberapa gaya (cth: flex-row, flex-col) akan memberikan anda hasil yang sama.