طراحی Responsive
پرس و جو رسانه ها یک بخش حیاتی از طراحی وب مدرن هستند، اما آنها همیشه کامل نیستند. در این مقاله، نگاهی به ایده "عبارات عنصر" خواهیم داشت؛ آنچه که بسیاری استدلال می کنند، آینده طراحی وب پاسخگو است.

در آغاز

مقاله Ethan در طراحی وب Responsive طراحی وب سایت را برای همیشه تغییر داد. مقاله او الهام گرفته و به سرعت توسط طراحان وب و توسعه دهندگان به تصویب رسید. رویکردها مانند "Mobile First"، "Desktop first" و "Device Agnostic" ظهور کرده اند و از زمان طراحی توسعه یافته اند، استانداردهای جدید مانند عنصر <picture> معرفی شده اند و اکنون گزینه های بی شماری از چارچوب هایی وجود دارد که بتوانید در یک وب سایت پاسخگویی را آسانتر کنید

کوئری های مدیا طراحی شده اند که به ما اجازه می دهد قوانین سبک را به یک محیط خاص قالب بندی کنیم. یکی از رایج ترین استفاده ها از پرس و جو های رسانه ای، تغییر سبک ها در محدوده خاصی از عرض نمایش است. برای مثال، کد زیر، هنگامی که وب سایت از طریق یک نمایه تا 720 پیکسل عرض می شود، نوار کناری را پنهان می کند.

.site-sidebar {
    display: flex;
    flex: 1 1 320px;
}
@media ( max-width: 720px ) {
    .site-sidebar {
        display: none;
    }
}