미디어 쿼리의 크기가 960px 이상일 때만 제이쿼리를 적용하려면 어떻게 하나요?
Copy
@media all and (min-width:960px){}
Copy
if ($(document).width() > 960px { $('#toggle-menu-main').css("position","absolute");$('#toggle-menu-main').css("top","38px");$('#toggle-menu-main').css("left","185px"); $('#toggle-menu-game').css("position","absolute");$('#toggle-menu-game').css("top","38px");$('#toggle-menu-game').css("left","278px"); $('#toggle-menu-content').css("position","absolute");$('#toggle-menu-content').css("top","38px");$('#toggle-menu-content').css("left","371px"); $('#toggle-menu-comm').css("position","absolute");$('#toggle-menu-comm').css("top","38px");$('#toggle-menu-comm').css("left","464px"); $('#toggle-menu-down').css("position","absolute");$('#toggle-menu-down').css("top","38px");$('#toggle-menu-down').css("left","557px"); $('#toggle-menu-site').css("position","absolute");$('#toggle-menu-site').css("top","38px");$('#toggle-menu-site').css("left","650px"); }답변 3개 / 댓글 2개
채택된 답변
+20 포인트
위토즈소프트
2014-07-18 (금) 15:22:37
if ($(document).width() > 960px {
을
if ($(document).width() > 960) {
이렇게 변경하면 되지 싶은데요?
답변에 대한 댓글 2개
2014-07-18 (금) 16:41:50
2014-07-18 (금) 17:01:16
근데 꼭 jquery 로 하셔야 하나요?
@media all and (min-width:960px){
#toggle-menu-main {position:absolute;top:38px;left:185px;}
}
이렇게 하시면 될텐데요..?
@media all and (min-width:960px){
#toggle-menu-main {position:absolute;top:38px;left:185px;}
}
이렇게 하시면 될텐데요..?
2014-07-18 (금) 19:32:28
CSS로 잘되네요. 정말 고마워요 ^.^
Copy
#toggle-menu #toggle-menu-main{position:absolute;top:38px;left:185px;}
2014-07-18 (금) 18:10:43
그렇게 해봤는데 메뉴가 깨져서요 ㅠㅠ...
답변을 작성하려면 로그인이 필요합니다.
브라우저 가로 폭을 최소한으로 좁힌 상태에서
화살표를 누르면 메뉴가 엉뚱한 곳에 뜹니다..