Как сделать - Отзывчивые поплавки
Узнать, как создать адаптивные плавающие элементы с помощью CSS.
Отзывчивые поплавки
Используйте медиа запросы и установите заданную ширину экрана (в пикселях) для того, когда элемент должен плавать:
Пример
/* Поплавок вправо на экранах, которые равны или меньше, чем 768px шириной */
@media (max-width: 768px) {
.float-right-sm {
float: right;
}
}
/* Поплавок вправо на экранах, которые равны или больше, чем 769px шириной */
@media (min-width: 769px) {
.float-right-lg {
float: right;
}
}Редактор кода »Совет: Узнайте больше о поплавках в нашем учебнике CSS Поплавок.
