html - ウィンドウのサイズ変更時に HTML の外観を変更するには?

Question

非常に簡単に言えば、ウィンドウが 900px を超える場合などに、html テーブルを表示したいということです。どうすればいいですか？

Answer 1

CSS メディア クエリを探しています。

メディア クエリを使用して、小さいビューポートで要素を非表示にすることができます。

Answer 2

2 つのオプション、メディア クエリまたは JavaScript。

メディア クエリ:

@media screen and (max-device-width: 900px) { ... }

特定のコードを入れて、そのファイルに表示します。

Javascript:

if(document.width >= 900){ /*display content*/ }

JS の場合、ウィンドウのサイズ変更のためにイベント リスナーをアタッチする必要がある場合があります。