انتقل إلى محتوى الدرس
ابدأ رحلتك
فقرة فرعية #5 من درس: نظام media queries في لغة CSS

CSS media query orientation media query مع إتجاهات صفحة الويب في لغة CSS

سوف تتعلم في هذا الدرس CSS media queries وكيف تعمل ولماذا تستخدم مع صفحات الويب وعلاقتها بالتصميمات المتجاوبة,

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

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

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

يمكن عن طريق media query تغيير تخطيط الصفحة اعتمادًا على اتجاه صفحة الويب. يمكنك الحصول على مجموعة من خصائص CSS التي لن يتم تطبيقها إلا عندما تكون نافذة المتصفح عرضها أكبر من طولها ، وهو ما يسمى landscape أو عندما تكون نافذة المتصفح طولها أكبر من عرضها portrait.

CSS media query orientation

media query مع إتجاهات صفحة الويب في لغة CSS.

HTML 
@media (orientation: landscape) {
  body {
    background-color:pink;
  }
}
جرّب بنفسك

جميع فقرات هذا الدرس (نظام media queries في لغة CSS)