Cách tạo: Làm nổi lên tương ứng

Học cách sử dụng CSS để tạo các yếu tố nổi lên tương ứng.

Làm nổi lên tương ứng

Sử dụng điều tra truyền thông và thiết lập độ rộng màn hình cụ thể (bằng pixel) để xác định khi nào nên làm nổi lên:

/* Trong độ rộng bằng hoặc nhỏ hơn 768px, làm nổi lên bên phải */
@media (max-width: 768px) {
  .float-right-sm {
    float: right;
  }
}
/* Trong độ rộng bằng hoặc lớn hơn 769 pixel, làm nổi lên bên phải */
@media (min-width: 769px) {
  .float-right-lg {
    float: right;
  }
}

Thử ngay

Trang liên quan

Giáo trình:Floating CSS