cv.cm
Tất cả bài học

Lập trình & web

Cách xem độ phân giải màn hình

Một trò chơi, một cài đặt video hay một biểu mẫu hỗ trợ hỏi độ phân giải màn hình của bạn, nhưng các con số bạn tìm được lại không khớp nhau. Bạn sẽ tìm ra độ phân giải thật, hiểu vì sao thu phóng làm nó thay đổi, và xem kích thước cửa sổ trình duyệt. Dùng được trên mọi máy tính, máy tính bảng hoặc điện thoại.

3 phút

Kết quả hôm nay Độ phân giải màn hình tính bằng điểm ảnh thực, mức thu phóng hiển thị và kích thước vùng hiển thị trang trong trình duyệt.

Thu phóng trình duyệt cũng làm thay đổi tỷ lệ điểm ảnh. Nhấn Ctrl + 0 (Cmd + 0 trên Mac) để đặt thu phóng về 100% trước.

Mở Độ phân giải màn hình
Trong buổi này

  1. Đặt lại thu phóng trình duyệt

    Phóng to hoặc thu nhỏ trang làm thay đổi số liệu trình duyệt báo cáo. Nhấn Ctrl + 0, hoặc Cmd + 0 trên Mac, để thu phóng về 100%. Trên điện thoại, chụm ngón tay đưa trang về kích thước bình thường.

  2. Mở Độ phân giải màn hình trên cv.cm

    Con số lớn là độ phân giải màn hình tính bằng điểm ảnh thực, như 1920 × 1080. Nếu nó có tên phổ biến, như Full HD (1080p) hoặc 4K UHD, tên đó hiện ở dòng đầu tiên.

    Mở Độ phân giải màn hình

  3. Hiểu điểm ảnh CSS và thu phóng

    Windows ở mức 125% và màn hình Retina làm chữ to hơn bằng cách dùng nhiều điểm ảnh thực hơn cho mỗi điểm ảnh CSS. Tỷ lệ điểm ảnh thiết bị cho biết là bao nhiêu: màn hình 1920 × 1080 ở mức 125% hiển thị 1536 × 864 điểm ảnh CSS và tỷ lệ 1.25.

    Với thu phóng 125%, 1920 × 1080 điểm ảnh thực được báo là 1536 × 864 điểm ảnh CSS.
    Với thu phóng 125%, 1920 × 1080 điểm ảnh thực được báo là 1536 × 864 điểm ảnh CSS.

  4. Xem khung nhìn

    Khung nhìn trình duyệt là phần cửa sổ hiển thị trang, tính bằng điểm ảnh CSS. Đổi kích thước cửa sổ là nó thay đổi ngay. Người thiết kế web dùng kích thước này cho bố cục responsive.

    Màn hình, phần còn lại sau thanh tác vụ, và khung nhìn bên trong trình duyệt.
    Màn hình, phần còn lại sau thanh tác vụ, và khung nhìn bên trong trình duyệt.

  5. Xem các thông số khác

    Màn hình khả dụng không tính thanh tác vụ hoặc Dock. Tỷ lệ khung hình cho biết hình dạng, như 16:9 hoặc 16:10; Hướng màn hình và Độ sâu màu bổ sung phần còn lại. Xoay điện thoại là các giá trị thay đổi theo.

  6. Sao chép thông số để gửi hỗ trợ

    Sao chép thông số sẽ sao chép mọi dòng dưới dạng văn bản. Dán vào báo cáo lỗi hoặc khung chat hỗ trợ để bên kia thấy đúng những gì trình duyệt của bạn thấy.

Dùng với các công cụ này

Câu hỏi thường gặp

Làm sao xem độ phân giải màn hình trên Windows hoặc Mac?

Trên Windows, Settings → System → Display hiện đúng con số lớn ở đây. Trên Mac, System Settings → Displays hiện kích thước "trông giống như", tức là kích thước CSS trên trang này; con số lớn là số điểm ảnh thật phía sau.

Vì sao trang web báo màn hình của tôi nhỏ hơn thực tế?

Trang web nhìn thấy điểm ảnh CSS. Khi thu phóng hiển thị trên 100%, số điểm ảnh CSS ít hơn số điểm ảnh thực. Nhân với tỷ lệ điểm ảnh thiết bị để ra độ phân giải thật.

Điện thoại của tôi có độ phân giải bao nhiêu?

Điện thoại có tỷ lệ điểm ảnh từ 2 đến 3 hoặc hơn, nên một điện thoại báo 390 × 844 điểm ảnh CSS với tỷ lệ 3 có 1170 × 2532 điểm ảnh thực.

Khung nhìn lớn hơn có nghĩa là màn hình lớn hơn không?

Không. Khung nhìn chỉ là vùng hiển thị trang của cửa sổ trình duyệt. Nó nhỏ hơn màn hình khi cửa sổ không toàn màn hình hoặc thanh công cụ chiếm chỗ.

Vì sao các giá trị không khớp khi dùng hai màn hình?

Trang đọc màn hình mà cửa sổ trình duyệt đang nằm trên đó. Kéo cửa sổ sang màn hình kia là các giá trị cập nhật.