• 0

ما فائدة Media query في حال لم يتم تعيين media type؟

هل ستكون لـ Media query فائدة إذا ما تم ازالة media type؟

مثلا، عادة ما يكون الكود الخاص بها على الشكل التالي:

@media (min-width: 768px) {
   .commentlist-item .commentlist-item {
    padding: 0 0 0 2em;
   }
}

فإذا ما نوعت Media type، وأصبحت هكذا:

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

ماهي وظيفتها؟ أو العناصر التي سيتم تحديدها في كود css؟

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
  • 0

من خلال الموقع الرسمي لـ W3C Media Queries أنه إذا لم يتم تحديد media type في media query سيتم تحديد الكل.

A shorthand syntax is offered for media queries that apply to all media types; the keyword all can be left out (along with the trailing and). I.e. if the media type is not explicitly given it is all.

مثال:

@media all and (min-width: 500px) { ... } 
@media (min-width: 500px) { ... }

وأيضا:

@media (orientation: portrait) { ... }
@media all and (orientation: portrait) { ... }

مما يعني أن في حال حذفنا media type داخل media query، سيتم تطبيق التنسيق المخصص لها على  الكل.

@media all { ... }
/* تكافئ */
@media { ... }

 

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة

يجب أن تكون عضوًا لدينا لتتمكّن من التعليق

انشاء حساب جديد

يستغرق التسجيل بضع ثوان فقط


سجّل حسابًا جديدًا

تسجيل الدخول

تملك حسابا مسجّلا بالفعل؟


سجّل دخولك الآن