كيفية إنشاء: الطفو التفاعلي

تعلم كيفية استخدام CSS لإنشاء عناصر طفو تفاعلية.

الطفو التفاعلي

استخدام الاستعلامات الإعلامية وإعداد عرض الشاشة المحدد (بالأعداد البكسلية) لتحديد متى يجب أن يطفو العنصر:

/* في شاشات عرض عرض أو أصغر من 768 بكسل، يطفو إلى اليمين */
@media (max-width: 768px) {
  .float-right-sm {
    float: right;
  }
}
/* في شاشات عرض عرض أو أكبر من 769 بكسل، يطفو إلى اليمين */
@media (min-width: 769px) {
  .float-right-lg {
    float: right;
  }
}

جربها بنفسك

الصفحات ذات الصلة

دليل:الانسياب في CSS