채택완료

반응형 사이드바 질문입니다.

2018-11-12 (월) 14:59:41 3,289

지금 반응형작업중인데

표시한 사이드바 메뉴가

pc에선 안보이게 하고

1000px부터 보이게 하고싶습니다.

미디어쿼리 사용하구있구요

css어떻게 써야하는지 좀 알려주세요....

2948984070_1542002324.7501.png

답변 3개 / 댓글 1개

채택된 답변
+20 포인트

화면크기에 따라 CSS에서 추가적용해주면 됩니다. 

A css

@media ( max-width: 1000px ) {

B css

}

PC 버전을 기준으로 기본 A css에서는 

메뉴 영역의 글래스를 display:none 으로 놓고

가로폭 1000px 이하일경우 B css 적용

즉, B 부분에서 메뉴 영역의 글래스를 display:block로 보여지게 추가하면 됩니다. 

답변에 대한 댓글 1개

감사합니다!!

.menu { display:inline-block; }

@media (max-width:1000px) {

     .menu { display:none; }

}

2018-11-12 (월) 15:12:41

스크린샷 만으로는 해당 클래스나 아이디를 알 수 없음으로 답변이 어렵습니다 확인 URL 을 첨부해 주셔야 합니다. 

답변을 작성하려면 로그인이 필요합니다.