Latest web development tutorials

CSS3 وسائل الإعلام استعلامات

أنواع وسائل الإعلام CSS2

@media يوصف الحكم في CSS2، ويمكن تخصيصها لأنواع وسائل الإعلام المختلفة قواعد نمط مختلف.

على سبيل المثال: يمكنك وضع قواعد نمط مختلف لأنواع وسائل الإعلام المختلفة (بما في ذلك شاشات العرض والأجهزة المحمولة، وأجهزة التلفزيون، الخ).

ولكن هذه الأنواع من الوسائط المتعددة تدعم على العديد من الأجهزة لا تزال ودية بما فيه الكفاية.


CSS3 وسائل الإعلام استعلامات

يرث الاستعلام CSS3 الوسائط المتعددة جميع أنواع وسائل الإعلام CSS2 الفكر: بدلا من إيجاد نوع من المعدات، وإعدادات العرض CSS3 وفقا للتكيف.

استفسارات وسائل الإعلام يمكن أن تستخدم لكشف أشياء كثيرة، مثل:

  • منفذ العرض (ويندوز) في العرض والارتفاع
  • العرض والارتفاع للجهاز
  • نحو (شاشة أفقية الهاتف الذكي، الشاشة العمودية).
  • قرار

في الوقت الحاضر، وكثير للهاتف أبل، الروبوت الهاتف أو الجهاز اللوحي والأجهزة الأخرى سيتم استخدامها لعرض الاستعلام.


دعم المتصفح

الأرقام الواردة في الجدول تمثل أول متصفح لدعم رقم الإصدار الممتلكات.

ممتلكات
media 21.0 تسعة 3.5 4.0 تسعة

بناء جملة الاستعلام الوسائط المتعددة

التحقيق الوسائط المتعددة تتكون من مجموعة متنوعة من وسائل الإعلام، يمكن أن تحتوي على واحد أو أكثر من أشكال التعبير والتعبير أنشأت وفقا للشروط بإرجاع صحيحة أو خاطئة.

@media not|only mediatype and (expressions) {
    CSS-Code;
}

إذا كانت الوسائط المحددة نوع مطابقة نوع الجهاز، الاستعلام بإرجاع صحيحا، فإن وثيقة تظهر تأثير النمط المحدد في مطابقة الجهاز.

إلا إذا كنت تستخدم ليس فقط للمشغل أو خلاف ذلك، فإن جميع أساليب التكيف مع العرض على جميع الأجهزة.

  • لا: لا يمكن استخدامها لاستبعاد أجهزة معينة، مثلmedia لا تتم طباعة (المعدات غير القابلة للطباعة).

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

  • جميع: كافة الأجهزة، وهذا يجب أن نرى دائما.

يمكنك أيضا استخدام ملفات نمط مختلف في وسائل الإعلام المختلفة:



أنواع وسائل الإعلام CSS3

قيمة وصف
جميع تستخدم لجميع أنواع أجهزة الوسائط المتعددة
طباعة للطابعات
شاشة لشاشات الكمبيوتر، وأقراص، والهواتف الذكية.
خطاب لقارئات الشاشة

أمثلة بسيطة للتحقيق الوسائط المتعددة

باستخدام استعلامات الوسائط المتعددة يمكن استخدامها لتحل محل النمط الأصلي المقابلة لأسلوب على الجهاز المحدد.

الأمثلة التالية تغيير ألوان الخلفية على الشاشة مرئية حجم نافذة المعدات أكبر من 480 بكسل:

أمثلة

media الشاشة و(مين العرض: 480px) {
هيئة {
لون الخلفية: lightgreen.
}
}

محاولة »

الأمثلة التالية واضحة في حجم إطار الشاشة وأكبر من 480 بكسل تطفو إلى صفحة القائمة اليسرى:

أمثلة

media الشاشة و(مين العرض: 480px) {
#leftsidebar {العرض: 200px؛ تعويم: غادر؛}
#main {الهامش الأيسر: 216px؛ }
}

محاولة »

CSS3 إشارةmedia

اكتشف محتوى الوسائط المتعددة ويمكن الرجوع media القواعد.