Trang chủ
CSS
Biến CSS
Các biến trong truy vấn phương tiện
Thử: Sử dụng biến trong 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> <meta name="viewport" content="width=device-width,init-scale=1"> <STYLE_PLACEHOLDER_2/> </head> <body> <h1>Sử dụng biến trong Truy vấn phương tiện</h1> <div class="container"> <h2>Lorem Ipsum</h2> <p>Khi chiều rộng của trình duyệt nhỏ hơn 450px, kích thước phông chữ của div này là 25px. Khi nó có kích thước 450px hoặc rộng hơn, hãy đặt giá trị biến --fontsize thành 50px. Thay đổi kích thước cửa sổ trình duyệt để xem hiệu ứng.</p> </div> </body> </html>