devicePixelRatio là con số cho biết mỗi đơn vị CSS được vẽ bằng bao nhiêu điểm ảnh vật lý theo mỗi chiều. Bằng 1 nghĩa là không phóng to, bằng 2 nghĩa là mỗi đơn vị dùng hai điểm ảnh.
Giải thích thêm
Trình duyệt làm việc theo đơn vị CSS chứ không theo điểm ảnh vật lý, vì nếu không thì trên màn hình mật độ cao mọi chữ sẽ nhỏ tới mức không đọc nổi.
Đó là lý do trình duyệt báo độ phân giải nhỏ hơn thông số máy bạn mua. Nhân kích thước CSS với tỉ lệ này sẽ ra con số gần đúng với thực tế.
Mức phóng to của chính trình duyệt cũng cộng vào tỉ lệ này, nên muốn đọc con số cho đúng, hãy đưa mức phóng về 100 % trước.
Cách tự kiểm chứng
- Đưa mức phóng to của trình duyệt về 100 %.
- Mở công cụ kiểm tra độ phân giải và đọc dòng tỉ lệ điểm ảnh.
- Nhân kích thước theo đơn vị CSS với tỉ lệ đó rồi so với thông số máy.
Thuật ngữ và công cụ liên quan
- Kiểm tra độ phân giải — xem các con số trên máy bạn
- HDR là gì — thông số màn hình khác
- Kiểm tra thông tin thiết bị — xem toàn bộ thông tin
- Bộ test màn hình — kiểm tra màn hình toàn diện