شرح صفوف ومحتوى الفقرة
يوجد أنواع كثيرة من الشاشات والأجهزة بأحجام مختلفة سواء طول الشاشة أو عرضها، لذلك من الصعب إنشاء break point دقيقة لكل جهاز.
لتبسيط الأمور :يمكن استهداف خمس أحجام مختلفة من الشاشات وبهذه الطريقة نضمن أن يكون موقعك ملائم أو متجاوب مع أغلب شاشات الهواتف والكمبيوتر والكمبيوتر اللوحي.
CSS media queries typical device breakpoints
ضبط media queries علي جميع الأجهزة في لغة CSS.
HTML
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { ... }
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { ... }
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { ... }
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { ... }