ウィンドウのサイズが変更されたときに要素を削除して取得する方法

Question

ウィンドウのサイズがTwitterのように変化した場合、どのように要素を削除して取得できますか？

ウィンドウサイズがhtmlから133％のときにTwitterが正しいウィジェットを削除した方法がわかりません。また、デフォルトのウィンドウサイズに戻っても100％ウィジェットコードをHTMLに戻すことができます！

htmlから削除することはできますが、もう一度元に戻すことはできません。

Answer 1

ビューポートの幅に基づいてメディアクエリを使用できます。

メディアクエリの例

あなたのHTMLにこれを入れていることを確認してください：

<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; 
    } 
}