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