테스트 사이트 - 개발 중인 베타 버전입니다

반응형 사이드바 질문입니다. 채택완료

박정인 6년 전 조회 2,952

지금 반응형작업중인데

표시한 사이드바 메뉴가

pc에선 안보이게 하고

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

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

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

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

답변 3개

채택된 답변
+20 포인트
SNS박스
6년 전

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

 

A css

@media ( max-width: 1000px ) {

B css

}

 

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

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

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

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

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

박정인
6년 전
감사합니다!!

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

d
6년 전

.menu { display:inline-block; }

@media (max-width:1000px) {

     .menu { display:none; }

}

로그인 후 평가할 수 있습니다

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

6년 전

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

로그인 후 평가할 수 있습니다

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

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

로그인