مولد استعلام وسائط CSS

مولد استعلام وسائط CSS

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

كيفية استخدام

1. اختر مُحدد الإطار — بواسط 5، تيليند كي إس، تصميم مالي، أو مخصص — ثم اختر عرض النقطة.
2. اختر نوع الاستعلام: عرض أدنى (مبدأ الهاتف)، عرض أقصى (مبدأ الحاسوب)، أو نطاق بين عرضين.
3. اختر أسلوب بناء الجملة: كلاسيكي min-width / max-width أو سينتاكس النطاق الجديد في استعلامات الوسائط المستوى 4 (width >= ...).
4. تفعيل أي ميزات إضافية تريد دمجها مع النقطة: الاتجاه، مفضل نظام الألوان، مفضل الحركة المحدودة، الإمساك، أو المؤشر.
5. انسخ المُنشأ @media أضف الكتلة من لوحة الإخراج إلى ملفك الخاص.

خصائص

• مُعدّات الإطار – نقاط توقف بسيطة لبواسط 5، تيليند كي إس، وتصميم مالي، بالإضافة إلى وضع مخصص لأي قيمة بكسل.
• ثلاثة أنماط استعلام – إنشاء مبدأ الهاتف min-width، مبدأ الحاسوب max-width، أو استعلام دقيق يوجه إلى فئة جهاز معين.
• السياق الكلاسيكي والحديث – التبديل بين القواعد التقليدية min-width/max-width وأفضل سينتاكس النطاق في استعلامات الوسائط المستوى 4 (width >= X).
• دمج ميزات الوسائط – وضع الاتجاه، مفضل نظام الألوان، مفضل الحركة المحدودة، قدرة الإمساك، ودقة المؤشر على الأعلى من أي استعلام عرض.
• تحديثات حية – يتم تجديد الناتج عند تغيير المدخلات، لذا يمكنك عرض مجموعات مختلفة فورًا.
• نسخ وتنزيل – احصل على CSS بضغط زر أو احفظه كـ .css ملف لمشروعك.