모델에 의해 미디어 쿼리가 무시되었습니다.

저는 CSS를 컴파일하는 데 LESS를 사용하고 있습니다. 아래는 내 CSS의 섹션이지만 미디어 쿼리는 무시됩니다. 모바일에 다양한 스타일을 추가하려고합니다.모델에 의해 미디어 쿼리가 무시되었습니다.

#main-wrap header #hdr-nav nav { 
    width: 60%; 
    display: -ms-flexbox; 
    display: flex; 
    margin-left: auto; 
    margin-right: auto; 
    padding: 10px 0; 
} 
@media (max-width: 740px) { 
    #main-wrap header #hdr-nav nav { 
    padding: 0; 
    width: 100%; 
    } 
}

당신은 여기에 쿼리에 어떤 문제가 있는지 너무 확실하지 live website을 볼 수 있습니다, 다른 웹 사이트에 잘 작동하는 것 같다.

편집 : 난 당신이 페이지에 뷰포트 메타 태그를 삽입하는 것을 잊었다 생각

출처

2017-04-23 Martyn Ball

예상대로 내가 요소를 검사하는 경우는 – Johannes

그것의 작품 (?) 90vw 너비가 표시되지 않음 –

@ Johannes는 Chromes가 요소 요소를 검사한다고 밝히고 내 웹 사이트를 축소하고 있습니다. –

... 당신의 웹 사이트에

<meta name="viewport" content="width=device-width, initial-scale=1">

출처

2017-04-23 17:26:18 Johannes

나는 바보 야, 고마워! –

글쎄, 일어날 수 ... – Johannes

모델에 의해 미디어 쿼리가 무시되었습니다.

답변

관련 문제