반응형 사이드바 질문입니다.
본문
지금 반응형작업중인데
표시한 사이드바 메뉴가
pc에선 안보이게 하고
1000px부터 보이게 하고싶습니다.
미디어쿼리 사용하구있구요
css어떻게 써야하는지 좀 알려주세요....
답변 3
화면크기에 따라 CSS에서 추가적용해주면 됩니다.
A css
@media ( max-width: 1000px ) {
B css
}
PC 버전을 기준으로 기본 A css에서는
메뉴 영역의 글래스를 display:none 으로 놓고
가로폭 1000px 이하일경우 B css 적용
즉, B 부분에서 메뉴 영역의 글래스를 display:block로 보여지게 추가하면 됩니다.
감사합니다!!
스크린샷 만으로는 해당 클래스나 아이디를 알 수 없음으로 답변이 어렵습니다 확인 URL 을 첨부해 주셔야 합니다.
.menu { display:inline-block; }
@media (max-width:1000px) {
.menu { display:none; }
}
답변을 작성하시기 전에 로그인 해주세요.