الواجهة الأماميةمبتدئ
Media Query
استعلام الوسائط
النطقميديا كويري
التعريف
تقنية في CSS تُستخدم لتطبيق تنسيقات مختلفة بناءً على خصائص الجهاز مثل عرض الشاشة أو ارتفاعها أو دقتها.
أين تسمعه؟
في اجتماعات تطوير الواجهات الأمامية، وجلسات تنسيق CSS، ومراجعات التصميم المتجاوب.
أمثلة
We use a media query to change the navigation menu layout on mobile screens.
نستخدم استعلام الوسائط لتغيير تخطيط قائمة التنقل على شاشات الهواتف المحمولة.This media query detects if the user has enabled dark mode in their system preferences.
يكتشف استعلام الوسائط هذا ما إذا كان المستخدم قد قام بتفعيل الوضع الليلي في تفضيلات نظامه.
خطأ شائع
الاعتقاد بأن استعلامات الوسائط يمكنها التحقق من عرض الشاشة فقط، بينما يمكنها أيضاً استهداف اتجاه الجهاز، كثافة البكسل، وأساليب الإدخال مثل اللمس مقابل الفأرة.
واصل الاستكشاف
المزيد في الواجهة الأمامية