كيف - عوامات مستجيبة
تعرف على كيفية إنشاء عناصر عائمة سريعة الاستجابة باستخدام CSS.
يطفو استجابة
استخدم استعلامات الوسائط واضبط عرض الشاشة المحدد (بالبكسل) عندما يجب أن يطفو العنصر:
مثال
/* Float to the right on screens that are equal to or less than 768px wide */
@media (max-width: 768px) {
.float-right-sm {
float: right;
}
}
/* Float to the right on screens that
are equal to or greater than 769px wide */
@media (min-width: 769px) {
.float-right-lg {
float: right;
}
}
نصيحة: تعرف على المزيد حول العوامات في CSS Float Tutorial الخاص بنا.