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

창모드에서 특정픽셀까지 왼쪽 사이드바 안보이게 하는법 채택완료

회색나무 6년 전 조회 2,287

루리웹 사이트를 보면...

창메뉴에서는 특정 픽셀까지 왼쪽 사이드바가 보이지 않다가... 보이게되는데요.

반대로 전체메뉴에서 줄이면 우선 왼쪽 사이드바가 사라지고 그채로 창이 줄어듭니다...

 

해당 기능을 구현하고 싶습니다...

단순하게 헤더랑 메인메뉴에 패딩값을 넣으면 왼쪽 영역은 줄질 않네요..

미디어쿼리를 이용하라는데 잘 모르겠습니다 ㅠ

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

답변 1개

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

</p>

<p>@media (min-width:700px){</p>

<p>.side{display:block;} //창크기가 700 이상이면</p>

<p>}</p>

<p>@media (max-width:700px){</p>

<p>.side{display:none;} //창크기가 700이하이면</p>

<p>}</p>

<p>

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

답변에 대한 댓글 2개

회색나무
6년 전
감사합니다. 어떤식으로 되는진 알겠는데 사이드바가 적용이 안되네요 ㅠㅠ
볼피드
6년 전
css 수정후에는 캐시 삭제를 하시거나 크롬이면 ctrl+shift+R로 페이지를 새로고침하세요

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

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

로그인