반응형웹 display 질문좀 드리겠습니다ㅠㅠ 채택완료

11년 전 조회 5,868

반응형웹 display 질문좀 드리겠습니다ㅠㅠ 

 

<link href="examples2.css" media="screen and (min-width: 1px) and (max-width: 600px)" rel="stylesheet"> 

 

이값으로 좁아지면 메뉴를 사라지게 만들었습니다.

 

그래서 사라지게 하는건 성공했는데 반대로 none 값을 block 값을 줘서 나타나게 하려고 해도 나타나질않네요...

 

 

조언좀 부탁드립니다,ㅠ 기반으로 제이쿼리 사용하고 있습니다.

답변 1개

채택된 답변
+20 포인트

jquery로 화면의 영역을 체크하고 화면이 600이하면 사라지고 599이하면 보여지게 하면 되겠네요

Copy
$(document).ready(function(){     $(window).resize(function(){        var width = parseInt($(this).width());        if(width <= 600){            $('#sideb').hide();        }else{            $('#sideb').show();        }    }).resize();});
 

뭐 이런식 아닐까요? 

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

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

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

로그인
🐛 버그신고