ما معنى media query؟
المعنى في مجال تطوير الويب مع أمثلة
media query: استعلام وسائط، قاعدة وسائط في CSS
قاعدة CSS تطبّق الأنماط عند تحقق شرط معين فقط، مثل حد أدنى لعرض الشاشة أو تفضيل الوضع الداكن أو الطباعة.
طريقة الاستخدام
تُكتب باستخدام @media، مثل @media (min-width: 768px). وتُعد استعلامات الوسائط الأداة الأساسية للتصميم المتجاوب؛ إذ يكتبها المطورون ويعدّلونها عند نقاط الانتقال المختلفة.
أمثلة
Add a media query so the sidebar moves under the content on mobile.
أضف استعلام وسائط كي ينتقل الشريط الجانبي إلى أسفل المحتوى على الهاتف.
تغيّر القاعدة ترتيب الصفحة عند ضيق العرض، لتجنب حشر الشريط بجانب المحتوى على شاشة الهاتف.
This media query switches the colors when the user prefers dark mode.
يبدّل استعلام الوسائط هذا الألوان عندما يفضّل المستخدم الوضع الداكن.
تستجيب الأنماط لتفضيل النظام الذي حدده المستخدم، فتظهر لوحة ألوان داكنة.
تراكيب شائعة
- write a media query
- min-width media query
- print media query
- prefers-color-scheme
مصطلحات ذات صلة
معنى الكلمة في مجالات أخرى
قد يختلف معنى الكلمة الإنجليزية نفسها من مجال إلى آخر:
مصطلحات أخرى: CSS وتنسيق الصفحات
تدرّب على القراءة المتدرجة
تساعدك القراءة بالمستوى المناسب على تثبيت المفردات الجديدة. اختر كتبًا إنجليزية مجانية: