# 031 - Giới hạn Chiều cao Thanh trượt cho Máy tính để bàn - Thủ thuật CSS

Anonim

Khi cửa sổ trình duyệt lớn hơn, thanh trượt ở đầu trang chủ sẽ lớn hơn một cách kỳ lạ. Đây là loạt ảnh đầu tiên dành cho thiết bị di động, nhưng vì phiên bản di động của thanh trượt đã hoạt động tốt (có lẽ chúng ta nên tải hình ảnh nhỏ hơn, nhưng về mặt chức năng thì nó rất tuyệt), chúng tôi có thể tập trung vào việc làm cho nó tốt hơn cho máy tính để bàn ngay bây giờ.

Với một số CSS đơn giản, chúng ta có thể giới hạn chiều cao của nó (theo nghĩa đen là đặt a max-height). Nhưng chúng ta cũng có thể giới hạn chiều cao bằng cách giới hạn chiều rộng, vì nó giữ nguyên tỷ lệ khung hình. Sau đó, nếu chúng ta để phần tràn ra ở cả hai bên, chúng ta sẽ có được trải nghiệm trượt khá tuyệt trên màn hình lớn hơn.