ما هو استعلام وسائط CSS؟

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

وصف الأداة

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

الميزات

  • اختيار نوع الوسائط: اختر بين جميع الأنواع، أو screen، أو print، أو speech
  • ضوابط الأبعاد: عيّن الحد الأدنى والحد الأقصى للعرض/الارتفاع بأي وحدة CSS (px، em، rem، vw، إلخ)
  • ميزات الجهاز: اضبط الاتجاه، نسبة الأبعاد، الدقة، وتفضيلات نظام الألوان