<resolution>
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2022.
Kiểu dữ liệu <resolution> CSS data type, được dùng để mô tả độ phân giải trong media query, biểu thị mật độ điểm ảnh của thiết bị đầu ra, tức là độ phân giải của nó.
Trên màn hình, các đơn vị liên quan đến inch, centimeter hoặc pixel CSS, không phải các giá trị vật lý.
Cú pháp
Kiểu dữ liệu <resolution> bao gồm một số <number> dương nghiêm ngặt, theo sau là một trong các đơn vị được liệt kê dưới đây. Như với tất cả các kích thước CSS, không có khoảng cách giữa ký tự đơn vị và số.
Đơn vị
dpi-
Biểu thị số điểm trên inch. Màn hình thường có 72 hoặc 96 điểm trên inch, nhưng dpi cho tài liệu in thường lớn hơn nhiều. Vì 1 inch là 2.54 cm,
1dpi ≈ 0.39dpcm. dpcm-
Biểu thị số điểm trên centimeter. Vì 1 inch là 2.54 cm,
1dpcm ≈ 2.54dpi. dppx-
Biểu thị số điểm trên đơn vị
px. Do tỷ lệ cố định 1:96 củainCSS so vớipxCSS,1dppxtương đương với96dpi, tương ứng với độ phân giải mặc định của hình ảnh hiển thị trong CSS như được định nghĩa bởiimage-resolution. x-
Bí danh của
dppx.
Note:
Mặc dù số 0 luôn giống nhau bất kể đơn vị, đơn vị không được bỏ qua. Nói cách khác, 0 không hợp lệ và không biểu diễn 0dpi, 0dpcm, hay 0dppx.
Ví dụ
Sử dụng trong media query
@media print and (resolution >= 300dpi) {
/* … */
}
@media (resolution: 120dpcm) {
/* … */
}
@media (resolution >= 2dppx) {
/* … */
}
@media (resolution: 1x) {
/* … */
}
Độ phân giải hợp lệ
96dpi 50.82dpcm 3dppx
Độ phân giải không hợp lệ
72 dpi Spaces are not allowed between the number and the unit. ten dpi The number must use digits only. 0 The unit is required.
Thông số kỹ thuật
| Specification |
|---|
| CSS Values and Units Module Level 4 # resolution |
Khả năng tương thích trình duyệt
Xem thêm
- Tính năng media resolution
- Thuộc tính
image-resolution - Sử dụng @media query