آموزش جستجوی پیشرفته رسانه CSS

مقدمه Introduction

• نمایش داده شد رسانه فقط نمایش داده های اندازه صفحه نمایش نیست! Media queries aren't just screen size queries!

• کار با CodePen Working with CodePen

1. درک ویژگی های رسانه ای 1. Understanding Media Features

• درک رسانه در سؤالات رسانه ای Understanding media in media queries

• تغییر رسانه در نمایش داده شد Changing media in media queries

• از جمله عرض در نمایش داده شد Including width in media queries

• از جمله ارتفاع در سؤالات رسانه Including height in media queries

• از جمله نسبت ابعاد در نمایش داده شد رسانه ها Including aspect ratio in media queries

• تست برای دستگاه های تک رنگ Testing for monochrome devices

• تست جهت صفحه نمایش Testing for screen orientation

• تست وضوح صفحه Testing for screen resolution

• تست برای نشانگر و نشانگر Testing for hover and pointer

2. پرس و جوهای رسانه ای پیچیده 2. Complex Media Queries

• تست شرایط با و Testing for conditions with and

• تست شرایط بدون Testing for conditions with not

• تست شرایط جدا شده با کاما (یا) Testing for comma-separated conditions (or)

• هدف قرار دادن دستگاههای خاص با استفاده از پرس و جوهای رسانه پیچیده Targeting specific devices using complex media queries

• فقط با کار کردن Working with only

• چالش Challenge

• راه حل Solution

نتیجه Conclusion

• مراحل بعدی Next steps