مدیا کوئری های موجود در طراحی ریسپانسیو

مدیا کوئری چیست ؟

مدیا کوئری یک ماژول از نسخه سوم زبان CSS می‌باشد، که این امکان را فراهم می‌آورد تا بتوان در طراحی وب، طرح‌ها و وب سایت‌ها را بر اساس مشخصات رسانه‌ای که در آن نمایش می‌یابند، سازگار کرد. وضوح صفحه (به انگلیسی: Screen Resolution) مهمترین این مشخصه‌ها می‌باشد.

این قابلیت ابتدا در سال ۲۰۰۱ به صورت پیش نویس درآمد و سپس در ژوئن ۲۰۱۲ توسط کنسرسیوم جهانی وب به عنوان یک استاندارد توصیه شده به تأیید رسید.

 

 

 کوئری اول مربوط به دستگاه های دسکتاپ با عرض بالای ۱۲۰۰px است.

کوئری دوم مربوط به تبلت های در حالت Landscape و باز هم دستگاه های دسکتاپ با کمترین عرض ۷۶۸px و بیشترین عرض ۹۷۹px است.

 کوئری سوم مربوط به گوشی ها و تبلت ها با عرض کمتر از ۷۶۷px و آخرین کوئری مربوط به گوشی ها با عرض کمتر از ۴۸۰px است.

نوجه کنید که این کوئری ها تمام دستگاه ها را پوشش میدهد و میتوان با اطمینان خاطر از آنها استفاده کرد.

مدیا کوئری های موجود در طراحی ریسپانسیو
5 (100%) 4 رای

ممکن است شما دوست داشته باشید بیشتر از نویسنده

ارسال یک پاسخ

آدرس ایمیل شما منتشر نخواهد شد.