چگونه ایجاد شود: شناور کردن پاسخگو

یاد بگیرید که چگونه با استفاده از CSS عناصر شناور پاسخگو ایجاد کنید.

شناور کردن پاسخگو

از جستجوی رسانه برای تنظیم عرض صفحه خاص (با پیکسل) استفاده کنید تا تعیین شود که عناصر کی باید شناور شوند:

/* در صفحه‌ای که عرض آن برابر یا کمتر از 768 پیکسل است، به سمت راست شناور شود */
@media (max-width: 768px) {
  .float-right-sm {
    float: right;
  }
}
/* در صفحه‌ای که عرض آن برابر یا بزرگتر از 769 پیکسل است، به سمت راست شناور شود */
@media (min-width: 769px) {
  .float-right-lg {
    float: right;
  }
}

}

آموزش دستی

صفحات مرتبطتدریس: