저는 지금까지 웹 디자인을 위해 픽셀을 주로 사용해 왔지만, 어떻게하면 내 사이트를 적용 할 수 있는지 또는 망막 디스플레이 등에 맞게 조정해야하는지 궁금합니다. 또한 내 페이지가 어떻게 조정되는지 알고 싶습니다. 그들이 인쇄 될 때를보십시오. 인치 또는 다른 측정 단위를 사용하는 것이 현명합니까? 화면이 작은 장치는 크기를 어떻게 변환합니까?웹 사이트의 치수에 인치를 사용해야합니까?
짧은 답변 아니요, 화면의 1 인치는 다른 모든 화면 해상도와 차례로 다른 크기입니다.
http://en.wikipedia.org/wiki/Dots_per_inch
http://en.wikipedia.org/wiki/Pixels_per_inch
그래서 예를 들어 어떤 화면에 1 인치가 다른 1.3이 될 수도있을 것이다.범용 픽셀을 사용하십시오.
CSS에서 "in"은 역사적인 이유로 항상 96 "px"에 해당합니다. 많은 생각을하지 마십시오. 어떤 CSS 단위도 장치 고유의 물리적 속성에 대한 어떤 종류의 연결도 가지지 않습니다.
고밀도 화면에 맞게 현재 레이아웃을 조정할 필요가 없습니다. 더 많은 양의 뷰포트 크기 조정을 적용하는 고밀도 픽셀 장치에서 볼 때 NES 스프라이트처럼 보일 수 없도록 비트 맵 이미지의 다른 고해상도 버전을 선택적으로 제공하면됩니다.
이 다른 질문에 대한 내 대답을 참조하십시오, 그것은 또한 당신을 대답한다 : Understanding Retina device CSS Media queries
픽셀이 변화하고, 그래서 인치, http://www.w3.org/TR/css3-values/#absolute- 보이나요 길이 (그래서 물어 본 질문은 너무 모호하여 건설적으로 대답 할 수 없다). –