기존 미디어 쿼리 및 장치의 픽셀 비율

Question

윌과 같은 표준 미디어 쿼리 : 망막 디스플레이는 장치에

가

@media only screen and (min-width: 0px) and (max-width: 820px) {} 

사용할 수 있습니까?

나는 많은 기사를 읽었지만 대부분은 96 dpi (표준 크기)로 개발 된 표준 미디어 쿼리가 300 dpi (망막 디스플레이)가있는 장치에서 어떻게 보이는지보다 망막 디스플레이 CSS를 지정하는 것에 관한 것입니다.

내가 찾고있는 주요 보증은 장치가 제공하는 품질을 최대한 활용하지 않는 것 외에 레이아웃이 96dpi 화면 또는 300dpi 인 경우 동일하게 보일 것입니까?

도움이 필요합니다.

Answer 1

CSS 픽셀은 하드웨어 픽셀이 아닙니다. 이 ARTICLE은 차이점을 설명합니다. 이 CSS 화소 참조 있기 때문에 화소 밀도

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) 

결석 참조는, 그와 함께 또는 망막 디스플레이없이시오에 CSS 스타일을 대상으로하며, 이러한 관점에서 두 개의 동일하다.