بهترین روش ها | DivMagic

نکات و ترفندهایی برای استفاده حداکثری از DivMagic

1. ابتدا با موبایل کار کنید

شبیه به Tailwind, ابتدا دستگاه های تلفن همراه را هدف قرار دهید و سپس برای نمایشگرهای بزرگتر سبک اضافه کنید. این به شما کمک می کند سبک ها را بسیار سریعتر و راحت تر کپی و تبدیل کنید.

DivMagic یک عنصر را همانطور که در مرورگر می بینید تبدیل می کند. اگر صفحه نمایش بزرگی دارید، سبک های کپی شده برای یک صفحه نمایش بزرگ هستند و شامل حاشیه، padding و سبک های دیگر برای آن اندازه صفحه نمایش می شوند.

به جای کپی کردن سبک ها برای یک صفحه بزرگ، اندازه مرورگر خود را به اندازه کوچکتر تغییر دهید و سبک ها را برای آن اندازه صفحه کپی کنید. سپس، استایل ها را برای نمایشگرهای بزرگتر اضافه کنید.

2. به پس زمینه توجه کنید

هنگامی که یک عنصر را کپی می کنید، DivMagic رنگ پس زمینه را کپی می کند. با این حال، ممکن است رنگ پس‌زمینه یک عنصر از یک عنصر والد باشد.

اگر عنصری را کپی می‌کنید و رنگ پس‌زمینه کپی نمی‌شود، عنصر والد را برای رنگ پس‌زمینه بررسی کنید.

3. به عناصر grid توجه کنید

DivMagic یک عنصر را همانطور که در مرورگر خود می بینید کپی می کند. عناصر grid دارای سبک های زیادی هستند که به اندازه نمایش بستگی دارند.

اگر یک عنصر grid را کپی می کنید و کد کپی شده درست نمایش داده نمی شود، سعی کنید سبک grid را به flex تغییر دهید.

در بیشتر موارد، تغییر سبک grid به flex و اضافه کردن چند سبک (مثلا: flex-row، flex-col) همان نتیجه را به شما می دهد.