UTILS.
۱۰۰٪ در مرورگر
@

سازنده Media Query در CSS

یک @media query واکنش‌گرا با تنظیمات آماده بسازید و آن را کپی کنید.

درباره این ابزار

یک @media query واکنش‌گرا را با انتخاب min-width، max-width یا یک بازه به‌همراه جهت، با تنظیمات آماده‌ی دستگاه با یک کلیک بسازید، سپس پوشش‌دهنده را کپی کنید. همه‌چیز در مرورگر شما اجرا می‌شود.

پرسش‌های پرتکرار

تفاوت min-width و max-width چیست؟
min-width سبک‌ها را در آن عرض و بالاتر اعمال می‌کند (موبایل‌محور)، در حالی که max-width آن‌ها را در آن عرض و پایین‌تر اعمال می‌کند.
تنظیمات آماده‌ی دستگاه چگونه کار می‌کنند؟
هر تنظیم آماده نقاط شکست معمول را پر می‌کند — موبایل تا ۷۶۷px، تبلت ۷۶۸ تا ۱۰۲۳px و دسکتاپ از ۱۰۲۴px — که سپس می‌توانید آن‌ها را دقیق تنظیم کنید.

ابزارهای بیشتر