Trang chủ
CSS
Ví dụ CSS MQ
Dùng thử: Ví dụ về sử dụng truy vấn phương tiện
Chạy ❯
Nhận trang web của
riêng
bạn
×
Thay đổi định hướng
Lưu mã
Thay đổi chủ đề, Tối/Sáng
Đi tới Không gian
<!DOCTYPE html> <html> <head> <style> body { màu nền: tan; màu đen; } /* Trên màn hình rộng 992px trở xuống, màu nền là xanh lam */ @media screen và (max-width: 992px) { body { background-color: blue; màu trắng; } } /* Trên màn hình có chiều rộng từ 600px trở xuống, màu nền là ô liu */ @media screen và (max-width: 600px) { body { background-color: olive; màu trắng; } } </style> </head> <body> <h1>Thay đổi kích thước cửa sổ trình duyệt để xem hiệu ứng!</h1> <p>Theo mặc định, màu nền của tài liệu là "màu nâu". Nếu kích thước màn hình từ 992px trở xuống, màu sẽ chuyển thành "xanh". Nếu nó có kích thước 600px trở xuống, nó sẽ đổi thành "ô liu".</p> </body> </html>