• 0

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

Badraoui

هل ستكون لـ 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

E.Nourddine

من خلال الموقع الرسمي لـ 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 { ... }

 

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

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

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

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

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


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

تسجيل الدخول

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


سجّل دخولك الآن
اذهب إلى قائمة الأسئلة أسئلة البرمجة