# 033 - Truy vấn Phương tiện trong JavaScript - Thủ thuật CSS

Mục lục

Khi chúng tôi đang sử dụng máy tính để bàn trang web, chúng tôi đã di chuyển điều hướng trang chủ sang phía bên phải của trang để mở ra một lỗ ở phía bên trái cho nhiều nội dung hơn. Chúng tôi chỉ muốn thêm nội dung này khi màn hình đủ lớn. Không chỉ tải nó mọi lúc và ẩn nó trên thiết bị di động. Đó sẽ không phải là suy nghĩ đầu tiên dành cho thiết bị di động, phải không?

Về cơ bản, chúng ta cần kiểm tra độ rộng của cửa sổ, sau đó nếu nó đủ rộng, hãy kiểm tra một số nội dung. Làm thế nào để chúng tôi tìm ra chiều rộng cửa sổ? Chúng tôi xem xét một loạt các cách. Chúng tôi đo nó thẳng lên. Chúng tôi sử dụng matchMedia () để kiểm tra một truy vấn phương tiện. Cuối cùng, chúng tôi sử dụng một thư viện nhỏ có tên là Enquire.js để cung cấp cho chúng tôi các hàm gọi lại truy vấn phương tiện.

thú vị bài viết...