미디어 비율에 대한 미디어 쿼리가 작동하지 않습니다.

Question

메신저가 특정 요소에 망막의 배경 이미지를 넣으려고 시도하는 중이고 실제로 이러한 미디어 쿼리를 작동시키는 데 문제가 있습니다. 숭고한 텍스트가 문법을 강조하지도 않으므로이 스택이 고장 났지만 무엇을 해야할지 전혀 모른다. 도와 주실 래요?

@media 
only screen and (-webkit-min-device-pixel-ratio: 1.5), 
only screen and ( min--moz-device-pixel-ratio: 1.5), 
only screen and ( -o-min-device-pixel-ratio: 1.5/1), 
only screen and (  min-device-pixel-ratio: 1.5){ 
} 

Answer 1

작동하려면 하나의 픽셀 배급을 적용해야합니다. 생각해 봅시다. -webkit-min-device-pixel-ratio가 1.5 일 때, -o-min-device-pixel-ratio는 아닙니다. "and"규칙 만 있습니다. 모든 규칙이 동시에 적용되지 않으면 조건이 적용되지 않습니다. 다른 규칙

only screen and (min-device-pixel-ratio: 1.5){ 
} 

마다 별도로 적용 :

이 코드를 사용해보십시오. 그러면 CSS 코드가 길어 지지만 지금은 유일한 해결책이 될 것입니다.