اذهب إلى المحتوى
  • 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؟

رابط هذا التعليق
شارك على الشبكات الإجتماعية

Recommended Posts

  • 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 { ... }

 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...