リクエスト広場

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

1 コメント
views

(※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
通報 ...
1
名前なし 2026/05/10 (日) 13:46:22 979e6@ddf4c

 #responsive_layout_item の引数で0(width: 0 or display: none)を許可してほしいです。
複合的な切り替わりポイントを利用して、PCとモバイルとで表示内容を変更したいためです。

 #cssboxを利用してデザインを調整する場合、
標準の_layout.cssで@media(max-width)等で見た目を制御されているため、環境によっては想定した表示とずれる場合があります。
 #responsive_layout_item(12,12,0) のように指定することで、表示させないこともできるようにしてほしいです。