Windows 크기가 변경 될 때 요소를 제거하고 가져 오는 방법

Question

Windows 크기가 Twitter처럼 변경되면 요소를 제거하고 가져 오는 방법은 무엇입니까?

Windows 크기가 html에서 133 %로 바뀌었을 때 트위터가 올바른 위젯을 제거한 것을 이해할 수 없으며 기본 창 크기로 다시 변경하면 100 % 위젯 코드가 다시 html로 돌아갑니다 !!

html에서 제거 할 수는 있지만 다시 되돌릴 수는 없습니다.

Answer 1

뷰포트 너비에 따라 미디어 쿼리를 사용할 수 있습니다.

<meta name="viewport" content="width=device-width, initial-scale=1.0"> 

CSS :

@media (max-width: 500px) { 
    .element { 
     display: block; 
    } 
}  
@media (min-width: 500px) and (max-width: 1000px) { 
    .element { 
     display: none; 
    } 
}