먼저 제 생각을 말씀드리겠습니다.
레티나 스크린의 물리적 픽셀 밀도는 일반 스크린의 2배이기 때문입니다. 즉, 동일한 1인치 레티나 화면은 두 개의 물리적 픽셀을 사용하여 렌더링하는 반면 일반 화면은 하나만 사용합니다. 지금까지는 레티나 화면의 물리적 픽셀 크기가 일반 화면의 물리적 픽셀 크기보다 작다고 생각합니다! 그렇지 않고 레티나 스크린이 일반 스크린과 수치적으로 동일하다면 레티나 스크린의 면적은 일반 스크린의 4배가 되지 않을까요? 그러나 실제로 iPhone은 일반 휴대폰보다 크지 않습니다. 그래서
레티나 화면의 물리적 픽셀은 일반 화면의 물리적 픽셀보다 작다고 생각합니다.
그러면 질문이 옵니다. 그렇다면 어떻게 "1픽셀 경계" 문제가 발생할 수 있습니까? 레티나 화면은 CSS 픽셀을 표현하기 위해 두 개의 물리적 픽셀을 사용하고 일반 화면은 CSS 픽셀을 표현하기 위해 하나의 물리적 픽셀을 사용하지만 물리적인 문제는 다음과 같습니다. 망막 화면의
픽셀 크기는 일반 크기의 절반입니다. 그래서 그들은 평등해야 합니다. 하지만 이 문제는 존재하며 이는 내
생각이 틀렸다는 것을 의미할 뿐입니다. 하지만 내가 뭘 잘못하고 있는지 모르겠습니다. 명확히하도록 도와 주시겠습니까?
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
모바일 측 픽셀은 화면 픽셀과 동일하지 않습니다. 우선 배율과 관련이 있습니다. 1.0으로 확인되면 CSS는 document.body.clientHeight 및 document.body.clientWidth에 해당할 수 있습니다. .
1920 x 1200 화면의 경우 document.body는 480 x 662만 가능합니다.
rem 레이아웃을 직접 사용하면 사진이 흐릿해집니다