시스템

시스템

해상도와 뷰포트, 디바이스 픽셀 비율

일상에서는 서로 다른 세 가지 수치가 모두 해상도라고 불리며, 이를 헷갈리는 것이 브라우저 보고와 설명서 숫자 사이의 어긋남 대부분을 낳습니다. 화면 해상도는 표시할 수 있는 물리 화소의 수입니다. 뷰포트는 페이지가 쓸 수 있는 영역이며 브라우저 테와 작업 표시줄, 고정 판넬분만큼 좁아집니다. 디바이스 픽셀 비율은 배치상 한 화소에 물리 화소가 몇 개 대응하는지를 보여줍니다.

디바이스 픽셀 비율은 가장 놓치기 쉬우며 기묘한 보고를 설명하는 칸입니다. 고밀도 화면에서는 2 이상이 되므로 배치 화소로 같은 너비의 뷰포트도 물리 화소는 갑절을 덮습니다. 고밀도 화면의 스크린샷이 알려진 치수보다 물리적으로 큰 것은 이 때문이며 이상이 아닙니다.

브라우저 확대는 화면을 바꾸지 않고 비율을 바꿉니다. 키우면 배치 화소가 커져 알려진 뷰포트 너비가 좁아지지만 물리 판넬은 변하지 않습니다. 읽은 값이 틀렸다고 단정하기 전에 배율이 기본값인지 확인합니다. 확대는 사이트와 창마다 기억되기 때문입니다.

가려내기에 화면 해상도 쓰는 법

해상도는 견주어야 가려내기에 먹힙니다. 알려진 값과 표시 설정 고른 값을 견주면 확대 유무가 드러나고, 뷰포트와 화면 해상도를 견주면 브라우저 테가 먹는 분량이 드러나 한 대에서만 깨지는 배치의 단골 설명이 됩니다.

웹 지음에서 실용은 나눔점 확인입니다. 데스크톱 창 치수를 바꾸어 바르게 보이는 배치가 실제 기기에서 다를 수 있습니다. 창 바꾸기는 뷰포트만 바꾸고 비율은 두는 반면 참된 모바일 기기는 둘 다 바꾸기 때문입니다. 뷰포트와 함께 비율을 읽어야 차이가 보입니다.

지원에서는 알리는 이가 맞는지 재는 빠른 길입니다. 바깥 화면을 단 노트북 고장 알림에서는 창이 있는 화면에 따라 알려진 값이 바뀌며 값을 물으면 모호함이 바로 풀립니다.