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