Xác định độ phân giải màn hình của thiết bị

Công cụ hiển thị kích thước màn hình theo pixel, tỷ lệ khung hình, thông tin về trình duyệt và loại thiết bị. Điều này giúp trong thiết kế đáp ứng và khắc phục các sự cố hiển thị.

Hiểu biết về độ phân giải màn hình giúp tạo ra các thiết kế đáp ứng hoạt động trên các thiết bị khác nhau. Các độ phân giải phổ biến bao gồm 1920x1080 (Full HD), 1366x768 (máy tính xách tay) và các độ phân giải di động khác nhau.

Độ phân giải màn hình là tổng số pixel của màn hình của bạn. Vùng xem của trình duyệt là khu vực có thể nhìn thấy trong cửa sổ trình duyệt, nhỏ hơn do các yếu tố giao diện của trình duyệt, thanh tác vụ và các yếu tố giao diện người dùng khác.

Thay đổi kích thước cửa sổ trình duyệt hoặc chuyển thiết bị sang chế độ ngang/dọc. Công cụ sẽ hiển thị ngay lập tức kích thước khung nhìn hiện tại, giúp bạn hiểu nội dung hiển thị khác nhau như thế nào ở các chiều rộng màn hình khác nhau.

Tập trung vào 1920x1080 (máy tính để bàn), 1366x768 (máy tính xách tay), 375x667 (di động) và 768x1024 (máy tính bảng). Tuy nhiên, hãy thiết kế một cách đáp ứng để tính đến bất kỳ kích thước màn hình nào.

Mật độ pixel (DPI - chấm trên inch hoặc PPI - pixel trên inch) đề cập đến số lượng pixel trên mỗi inch vuông của màn hình. Các màn hình có mật độ cao (Retina, 4K) yêu cầu các hình ảnh và đồ họa có độ phân giải cao hơn để trông sắc nét.

Tỷ lệ khung hình xác định tỷ lệ chiều rộng so với chiều cao của màn hình (ví dụ: 16:9, 4:3). Thiết kế đáp ứng phải thích ứng với các tỷ lệ khung hình khác nhau để tránh các thanh cuộn không cần thiết hoặc các khoảng trống.

Mở trang công cụ trên trình duyệt di động — nó sẽ hiển thị độ phân giải màn hình hiện tại và kích thước khung nhìn, bao gồm cả hướng thiết bị.