다음 미디어 쿼리에 대한 설명

-1

다음 반응 형 미디어 쿼리가 어떻게 작동하는지 설명해주십시오.다음 미디어 쿼리에 대한 설명

@media not screen,screen and(max-width:400px) 
{ 
nav,ad{ 
     display:none; 
     } 
a{ 
text-decoration:none; 
color:inherit; 
} 
}

출처

2014-11-28 Pratibha Hanji

https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries –

코드를 형식화하십시오. 그런 다음 미디어 쿼리에 대한 자습서를 읽으십시오. –

"ad"태그가 존재하지 않으므로 CSS에 문제가있는 것으로 보입니다. 확실하지 않습니까?

nav.ad {

먼저 오류를 확인하고 수정하십시오.

nav.ad{ 
    display:none; 
    }

위의 CSS 것이다 숨기기 디스플레이 화면 폭은 위의 CSS는 URL/HREF을 상속 x 1 픽셀 400 픽셀에와

a{ 
text-decoration:none; 
color:inherit; 
}

인 클래스 = "광고"를 가진 요소 부모 ID/태그의 글꼴 색

희망이 도움이됩니다.

출처

2014-11-28 07:39:38 masmrdrr

나는 그 질문에 대해 오해하고 있다고 생각합니다. OP는 미디어 쿼리'@media not screen, screen and (max-width : 400px)'에 대한 설명을 요구하고 있습니다. 그리고'ad' 태그와 관련해서는 [맞춤 HTML 요소] (http://w3c.github.io/webcomponents/spec/custom/) 일 가능성이 큽니다. http://blog.teamtreehouse.com/create-custom-html-elements-2)) –

사실, "화면이 아닙니다. 화면"이 유효한 미디어 기능이 아니며 CSS 선택기에 오류가 있다고 가정합니다. 어느 쪽이든 미리 정의 된 너비에 대한 "화면"선택기 만 렌더링합니다. 또한 모순 된 선택자가 "화면이 아닌 화면"처럼 함께 표시 될 수 있습니까? – masmrdrr

@masmrdrr 이들은 쉼표로 구분됩니다. 그것은 "화면이 아니"와 "화면"을 의미하지는 않으므로 대신 "모두"를 사용할 수 있습니다. – Gezzasa

not screen는 스크린 (등에 인쇄)

screen and(max-width:400px) 그것을 창 폭 400px 이하이고 스크린을 사용하는 모든 미디어 타입들에 적용되는 수단이 arent 미디어 타입들에 적용되는 것을 의미한다.

출처

2014-11-28 08:25:48 Gezzasa

다음 미디어 쿼리에 대한 설명

답변

관련 문제