모바일 뷰포트에 대해 살펴 보았습니다. 대부분의 모바일 브라우저가 페이지를 렌더링하는 가상 창임을 알았습니다.은 화면 크기보다 모바일 뷰포트 크기가 큽니까?
뷰포트가 화면보다 큽니다. here 및
here 그러나 나는 내 소니 엑스 페리아 SP 전화 뷰포트 크기 웹을 검색 할 때, This site 내 뷰포트의 크기가 내 화면 해상도 폭 (720 픽셀) (1280 * 720 픽셀보다 너무 작은 x 360 픽셀이라고 말해).
나는 약간 혼란 스럽다. 누구든지 간단히 설명 할 수있다. 여기서 무슨 일이 벌어지고 있는가?
기본적으로 현대 스크린의 해상도는 기존 데스크톱 디스플레이보다 훨씬 높습니다. 그러나 화면에 두 배나 많은 정보를 표시하는 대신 같은 정보를 두 배의 밀도로 표시합니다.
예를 들어, 기존 데스크톱 디스플레이는 72 PPI 밖에, Galaxy Note 3은 388 PPI 밖에 없습니다. 그러나 휴대 전화 제조업체는 전체가 디스플레이에 선명하게 맞을지라도 축소 된 버전의 웹 사이트를 보는 것은 그리 유용하지 않다는 것을 깨달았습니다. 따라서 각 장치의 CSS 픽셀 비율은 1에서 3 사이입니다. 즉, 각 CSS 픽셀을 데스크톱 모니터에서 볼 때와 거의 동일한 크기로 1-3 배 확장합니다. 예를 들어
내 주 3 그것의 해상도가 3분의 1,080 X 3분의 1,920 = 360 X 640
입니다 웹 사이트를보고 의미 1080x1920의 기본 해상도하지만, 3의 CSS 픽셀 비율이 따라서 예를 들어 휴대 전화의 CSS 픽셀 비율은 2 일입니다.
이 차트는 유용 할 수 있습니다. http://en.wikipedia.org/wiki/List_of_displays_by_pixel_density 대부분의 핸드 헬드 장치 목록, 기본 디스플레이 해상도 및 CSS 픽셀 밀도가 있습니다. 디스플레이 해상도를 픽셀 밀도로 나눠 각 뷰포트가 웹 사이트에보고 될 내용을 계산할 수 있습니다.
브릴리언트 제임스. 나는이 정보를 나와 공유해 주셔서 감사합니다. – Mosijava
위키 백과 관련된 링크는 삭제 된 페이지입니다. CSS 비율 차트를보기 위해 웨이크 백 시스템을 사용해야했습니다. 그 데이터가 Wikipedia에 존재할 수있는 곳이 어디인지 궁금합니다. 어디에서 찾을 수 있을지 모르겠습니다. 페이지의 수정 빈도가 가장 높은 2012 년 기사를 선택하십시오.
죄송합니다 내가 주석으로이를 넣고 싶지만, 아직 할 수 없습니다.
내가 어딘가에 기사를 읽은 것 같아서 픽셀이 픽셀이 아닌 것처럼 언급했다. https://fronteers.nl/congres/2012/sessions/a-pixel-is-not-a-pixel-peter-paul -koch –