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