2013-07-15 2 views
2

미디어 쿼리가 장치의 픽셀 수를 확인하는 경우 데스크톱 풀 HD 모니터와 풀 HD 스마트 폰 간의 차이점은 무엇입니까? 어떻게 미디어 쿼리가 풀 HD 스마트 폰을 검색 할 수 있습니까?

은 물론 모두를위한 디자인

+0

무엇이 hd입니까? 망막과 망막을 구별하려고합니까? – Huangism

+0

1200px 와이드 폰 대 1200px 데스크탑 모니터의 디자인이 다른 이유는 무엇입니까? 터치와 마우스가 인터페이스가 다르기 때문에 대답이 나오면 CSS가 도움이되지 않습니다. – cimmanon

답변

3

픽셀 밀도로 표시합니다.

@media only screen (-moz-min-device-pixel-ratio: 2), 
only screen and (-o-min-device-pixel-ratio: 2/1), 
only screen and (-webkit-min-device-pixel-ratio: 2), 
only screen and (min-device-pixel-ratio: 2) { 
/*This will be high ppi smart phone*/ 
} 
+0

모바일 기반 Chrome에서 작동하지만 (어느 정도까지는) Firefox에서는 작동하지 않습니다. 엄격한 예를 제공 할 수 있습니까? JSFiddle도 할 것입니다. –

0

미디어 쿼리가 모바일 브라우저 대 데스크톱에 대한 지식이없는 .. (CSS-현명한) 매우 다르다. JS를 사용하여 사용자 에이전트를 분석하거나 일부 기능 테스트를 수행하는 것이 가장 좋습니다.

관련 문제