Câu hỏi được gắn thẻ «media-queries»

Truy vấn phương tiện cho phép áp dụng có điều kiện các kiểu CSS dựa trên các loại phương tiện, chẳng hạn như màn hình và bản in, cũng như các điều kiện của các tính năng phương tiện, chẳng hạn như chế độ xem và chiều cao và chiều rộng của thiết bị. Chúng là một phần của đặc tả CSS3 W3C.

4
Truy vấn truyền thông - Ở giữa hai chiều rộng
Tôi đang cố gắng sử dụng các truy vấn phương tiện CSS3 để tạo một lớp chỉ xuất hiện khi chiều rộng lớn hơn 400px và dưới 900px. Tôi biết điều này có lẽ cực kỳ đơn giản và tôi đang thiếu một cái gì đó rõ ràng, nhưng tôi …
141 css  media-queries 
11
Lấy chiều rộng thiết bị trong javascript
Có cách nào để lấy chiều rộng thiết bị của người dùng, trái ngược với chiều rộng khung nhìn, sử dụng javascript không? Các truy vấn phương tiện CSS cung cấp điều này, như tôi có thể nói @media screen and (max-width:640px) { /* ... */ } và @media screen …
7
Sử dụng biến Sass với truy vấn phương tiện CSS3
Tôi đang cố gắng kết hợp việc sử dụng biến Sass với các truy vấn @media như sau: $base_width:1160px; @media screen and (max-width: 1170px) {$base_width: 960px;} @media screen and (min-width: 1171px) {$base_width: 1160px;} $base_width sau đó được xác định tại các điểm khác nhau trong các phép đo dựa trên …
3
Màn hình Retina, hình nền độ phân giải cao
Điều này nghe có vẻ như một câu hỏi ngớ ngẩn. Nếu tôi sử dụng đoạn mã CSS này cho màn hình thông thường ( box-bg.png200px x 200px); .box{ background:url('images/box-bg.png') no-repeat top left; width:200px; height:200px } và nếu tôi sử dụng truy vấn phương tiện như thế này để nhắm …
3
Tôi nên sử dụng max-device-width hay max-width?
Với truy vấn phương tiện CSS, bạn có thể sử dụng max-device-widthđể nhắm mục tiêu chiều rộng thiết bị (chẳng hạn như thiết bị iPhone hoặc Android) và / hoặc max-widthnhắm mục tiêu chiều rộng trang. Nếu bạn sử dụng max-device-width, khi bạn thay đổi kích thước của cửa sổ …
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookie và Chính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.