특정 px 넓이에서 div를 안보이게 하는 방법이 있을까요

Question

768px 이상 넓이에서는 특정 div가 보이게하고 (디폴트 상태)767px 이하부터는 특정 div가 안보이게 하고 싶은데요 (display:none 상태?)이걸 javascript로 하고 싶은데 어떻게 해야할지 감이 잘안오네요...

양근당파 · Answer

정확히 어떤걸 하고싶으신지 이해가 안되네요넓이 px 가져온다음에 저장해서특정 div에 클래스 속성을 제거하거나 display:none 하면 되지 않을까요?

doooss · Answer

768px 이야기 하시는것 보니, 반응형 웹 같은데요, 창 크기 에 따라 사라지게 하고 싶으신거면 js필요없이, css media query 로 구현 가능합니다. media query 검색해보세요 특정 div 크기가 768px인 경우를 구하시고 싶다면 해당 div dom 를 dom.clientWidth 혹은 dom.offsetWidth 같은 것으로 넓이를 구할수 있는데, 그 후 dom.style.display &#61; 'none' 방식으로 사용하면 됩니다.

pr0 · Answer

css 에서 &#64;media 로 정의했었던거 같아요

Nashiba · Answer

css 미디어 쿼리에서 display: none 으로 처리하시면 됩니다.

특정 px 넓이에서 div를 안보이게 하는 방법이 있을까요

4개의 답변

#div 목록