اذهب إلى المحتوى

السؤال

نشر

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

  • إعلانات

  • تابعنا على



×
×
  • أضف...