انتقل إلى محتوى الدرس
ابدأ رحلتك
فقرة فرعية #3 من درس: أمثلة علي Media Query في لغة CSS

CSS media query navbar قائمة تنقل متجاوبة مع شاشات مختلفة في لغة CSS

سوف تتعلم في هذا الدرس أمثلة متنوعة علي نظام media query في لغة CSS وكيفية إستخدام هذا النظام مع خطوط وألوان وأحجام العناصر وعمل تصميمات مختلفة علي حسب حجم كل شاشة.

1 صفوف تعليمية
لغة CSS
4,082 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

تستخدم media query لإنشاء قائمة تنقل سريعة متجاوبة مع أجهزة مختلفة ،والتي تختلف في التصميم باختلاف أحجام الشاشات في لغة CSS.

جرّب بنفسك

CSS media query navbar

قائمة تنقل سريعه مع نظام media query في لغة CSS.

HTML 
@media screen and (max-width: 500px) 
{
  ul
  {
  width:100%;
  }
}
جرّب بنفسك

جميع فقرات هذا الدرس (أمثلة علي Media Query في لغة CSS)