Үздік тәжірибелер | DivMagic

DivMagic мүмкіндігін барынша пайдалану үшін кеңестер мен амалдар

1. Алдымен ұялы телефонмен жұмыс жасаңыз

Tailwind сияқты, алдымен мобильді құрылғыларды бағыттаңыз, содан кейін үлкенірек экрандар үшін мәнерлер қосыңыз. Бұл стильдерді әлдеқайда жылдам және оңай көшіруге және түрлендіруге көмектеседі.

DivMagic элементті браузерде көргендей түрлендіреді. Егер сізде үлкен экран болса, көшірілген мәнерлер үлкен экранға арналған және сол экран өлшеміне арналған жиекті, толтыруды және басқа мәнерлерді қамтиды.

Үлкен экран үшін мәнерлерді көшірудің орнына, браузер өлшемін кішірек өлшемге өзгертіңіз және сол экран өлшемі үшін мәнерлерді көшіріңіз. Содан кейін үлкенірек экрандар үшін мәнерлер қосыңыз.

2. Фонға назар аударыңыз

Элементті көшірген кезде DivMagic өң түсін көшіреді. Дегенмен, элементтің өң түсі негізгі элементтен келуі мүмкін.

Элементті көшірсеңіз және фон түсі көшірілмесе, фон түсі үшін негізгі элементті тексеріңіз.

3. grid элементтеріне назар аударыңыз

DivMagic элементті браузерде көргендей көшіреді. grid элементтерінде көрініс өлшеміне байланысты көптеген стильдер бар.

grid элементін көшірсеңіз және көшірілген код дұрыс көрсетілмесе, grid мәнерін flex етіп өзгертіп көріңіз.

Көп жағдайда grid мәнерін flex етіп өзгерту және бірнеше мәнерлерді қосу (мысалы: flex-row, flex-col) бірдей нәтиже береді.