css3 미디어 쿼리 AND 문

Question

크로스 브라우저/교차 해상도 CSS에 문제가있어서 미디어 쿼리를 살펴 보았습니다. 문제 중 하나는 WebKit 기반 브라우저가 Gecko 기반 브라우저와 다르게 높이를 렌더링하는 것 같습니다. 몇 가지 이유. (솔직히, 이것은 내 끔찍한 CSS 기술과 관련이있을 것입니다.)

게다가 WebKit 브라우저는 높이를 1366x768 해상도와 동일한 것으로 렌더링하는 것처럼 보입니다.

제 질문은 웹킷 브라우저와 특정 해상도에 대한 미디어 쿼리를 수행하는 방법이 있습니까?

감사합니다.

Answer 1

예, 당신은 http://menacingcloud.com/?c=highPixelDensityDisplays

여기에 대해 읽을 수 있습니다

@media screen and (min-device-pixel-ratio: 1.5) and (max-width: 480px) {...} 

같은 것을 쓸 수 있습니다