Как сделать - Отзывчивые поплавки
Узнайте, как создавать адаптивные плавающие элементы с помощью 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 .