CSS 픽셀(CSS pixel)은 CSS에서 px로 나타내는 길이 단위다. 화면을 구성하는 물리적 픽셀 하나와 항상 일치하지는 않는다. (W3C의 절대 길이 단위)
- 같은 폭 300px 상자는 화면의 픽셀 밀도에 따라 더 많은 물리적 픽셀로 그려질 수 있다. 레이아웃의 크기와 이미지 파일의 해상도를 구분한다. (MDN의 devicePixelRatio)
- CSS의 단위 관계에서 1in은 96px, 1pt는 1/72in이다. 화면에서 자로 잰 1인치가 언제나 그 길이라는 뜻은 아니다. (단위 비율과 기준 픽셀)
- 리플로를 점검할 때는 기기 해상도 숫자만 보지 말고 브라우저의 뷰포트 폭을 살핀다. 기기 픽셀 비율은 물리적 픽셀과 CSS 픽셀의 관계를 나타낸다. (픽셀 비율과 확대)