반응형웹 display 질문좀 드리겠습니다ㅠㅠ
<link href="examples2.css" media="screen and (min-width: 1px) and (max-width: 600px)" rel="stylesheet">
이값으로 좁아지면 메뉴를 사라지게 만들었습니다.
그래서 사라지게 하는건 성공했는데 반대로 none 값을 block 값을 줘서 나타나게 하려고 해도 나타나질않네요...
조언좀 부탁드립니다,ㅠ 기반으로 제이쿼리 사용하고 있습니다.
답변 1개
채택된 답변
+20 포인트
불량학생™
2014-10-30 (목) 18:08:33
jquery로 화면의 영역을 체크하고 화면이 600이하면 사라지고 599이하면 보여지게 하면 되겠네요
Copy
$(document).ready(function(){ $(window).resize(function(){ var width = parseInt($(this).width()); if(width <= 600){ $('#sideb').hide(); }else{ $('#sideb').show(); } }).resize();});뭐 이런식 아닐까요?
답변을 작성하려면 로그인이 필요합니다.