مولد CSS Media Query

مرجع

ما هي CSS media queries؟

تتيح لك CSS media queries تطبيق الأنماط بشكل مشروط بناءً على خصائص الجهاز، مثل عرض الشاشة والاتجاه وتفضيل نظام الألوان والمزيد. هي أساس التصميم المتجاوب للويب.

ميزات الوسائط

min-width / max-width تستهدف عروض الشاشة للتخطيطات المتجاوبة. orientation يكتشف الوضع العمودي أو الأفقي. prefers-color-scheme يحترم تفضيل المستخدم للوضع الداكن/الفاتح. prefers-reduced-motion يكتشف إعدادات إمكانية الوصول. hover وpointer يكتشفان قدرات الإدخال.

الخصوصية

جميع عمليات توليد media queries تتم بنسبة 100% في متصفحك. لا يتم إرسال أي بيانات إلى أي خادم.