2017-05-04 4 views
0

내가 CSS와 요소를 숨기려고했다 :%로 CSS를 사용하여 요소를 숨기는 방법은 무엇입니까? 이 코드가 성공 없이

@media only screen and (max-width: 1180px) 
    .element {display:none!important;} 
    } 

나는 60 % 대신 1180px 인의가 폭 될 것입니다려고

@media only screen and (max-width: 60%) 
    .element {display:none!important;} 
    } 

나는 그것을 작동 시키려고 노력했지만, 나는 며칠이고 나는 포기하고 지역 사회에 도움을 청하기로 결심한다. 나는 뭔가를 놓치고 있다는 것을 알고있다 ...

+0

제목은 CSS로 너비 단위로 요소를 숨기는 방법입니까? 바꿀 수 없습니까? – Quinque

+0

[그것을 확인하십시오] (체크 아웃) (https://teamtreehouse.com/community/percentage-value-does-not-work-for-media-query-maxminwidth) – Nimish

+0

요청에 따라 더 많은 정보를 추가하고 있습니다. 화면을 가로로 줄이면 모바일 메뉴가 나타나며 요소가 더 이상 필요하지 않습니다. 나는 모바일 메뉴가 40 % 줄이거 나 60 % 이하로 나타날 것이라고 계산합니다. 분명히 고정 된 px (다른 화면 크기)가 될 수 없으므로 백분율이어야합니다. 따라서 화면 크기가 아니라 창 크기 일 것입니다. – Quinque

답변

0

당신은 only이 필요합니까? 당신 안에 미디어 쿼리? 문제는이 조각의에서 일할 충분하지, 당신이 당신의 문제에 대해 더 많은 정보를 제공 할 수 있습니다하시기 바랍니다 지속되면 What is the difference between "screen" and "only screen" in media queries?

@media screen and (max-width: 1180px) 
    .element { 
     display: none !important; 
    } 
} 

를 참조하십시오.

+0

귀하의 정보를 읽으시겠습니까? – Quinque

+0

에 질문에 대한 의견을 추가했습니다. – Quinque

+0

요소가 윈도우의 60 % 미만인 경우 숨기고 말하고 있습니까? 이것은 CSS에서는 수행 할 수 없지만 JS에서 계산할 수 있습니다. **하지만 ** 모바일 메뉴를 트리거하는 경우 요소를 숨길 수 있습니까? 지금까지 가지고있는 코드 조각 (jsbin, codepen)을 만들 수 있습니까? – christoflee