リクエスト広場

ウィンドウ幅を閾値としてブロック要素をON/OFFする方法がありましたらお教えください

0 コメント
views
5 フォロー

(※WIKIWIKIユーザー助け合い掲示板>295からの再掲です)
ページ最上部に類似項目の一覧をテーブル形式で配置したく思います。
サンプルページ
#最上部テーブル「LimbusCompany」

500px未満なら3列テーブル、500px以上なら6列テーブルで表示したいのですが、アドオンなどあるでしょうか?

css的には下記2要素で幅500px振り分け可能と思われます

# /* ウィンドウ幅500pxを境界としてnone判定 */
.display_none {display: none;}
@media screen and (min-width: 500px) {
  .display_none {display: block;}
}
/* ウィンドウ幅500pxを境界としてinline-table判定 */
.dispaly-inline {display: inline-table;}
@media screen and (min-width: 500px) {
  .dispaly-inline {display: none;}
}

また、responsive_layout_container では表示幅に応じて縦に並べるor任意の幅比率で並列するものと認識していましたが、表示させないことなども可能でしょうか?
https://wikiwiki.jp/sample/Manual/O-R

Yukth
作成: 2023/05/14 (日) 15:23:36
通報 ...
要望は具体的な提案や理由を書いて下さい。
×