Cách thực hiện - Pha nổi đáp ứng
Tìm hiểu cách tạo các phần tử nổi đáp ứng bằng CSS.
Phao đáp ứng
Sử dụng truy vấn phương tiện và đặt chiều rộng màn hình được chỉ định (tính bằng pixel) cho thời điểm phần tử sẽ nổi:
Thí dụ
/* 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;
}
}
Mẹo: Tìm hiểu thêm về float trong Hướng dẫn CSS Float của chúng tôi .