【ニコニコ】自動ローカル保存プロクシ NicoCache26 (849レス)
上下前次1-新
抽出解除 必死チェッカー(本家) (べ) 自ID レス栞 あぼーん
リロード規制です。10分ほどで解除するので、他のブラウザへ避難してください。
722: (アウアウウー Sa89-uzXO) 2025/03/15(土) 16:08:37.18 ID:HZdCVaRFa(1/3)調 AAS
>>721
5列仕様から8列仕様にしたいという話でしたら、
不格好にはなりますが、list.cssの201行目、.cache-containerを
/* 基本グリッドレイアウト */
.cache-container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 2rem;
padding: 2rem;
position: relative;
margin-top: 4px;
background: linear-gradient(180deg, #fff6e3, #bfecff);
}
↓
/* 基本グリッドレイアウト */
.cache-container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 0.1rem;
padding: 0.1rem;
position: relative;
margin-top: 4px;
background: linear-gradient(180deg, #fff6e3, #bfecff);
}
に変えることで8列になります。minmaxの中の数値を好きに変えることで好きな幅にできます。
グリッドレイアウトの基本概念 - CSS: カスケーディングスタイルシート | MDN
外部リンク:developer.mozilla.org
CSS Grid Generator
外部リンク:cssgrid-generator.netlify.app
723: (アウアウウー Sa89-uzXO) 2025/03/15(土) 16:11:51.51 ID:HZdCVaRFa(2/3)調 AAS
↑
だと9列になってしまうので 230px くらいが妥当ですかね。
725: (アウアウウー Sa89-uzXO) 2025/03/15(土) 16:18:26.91 ID:HZdCVaRFa(3/3)調 AAS
そもそもグリッドレイアウトは柔軟に対応するので画面の解像度にも依存しています。
4Kの液晶パネルやゲーミング用の横長のパネルだと自動で引き伸ばされて何列何行になるかは自動で変わるはずです。
上下前次1-新書関写板覧索設栞歴
スレ情報 赤レス抽出 画像レス抽出 歴の未読スレ
ぬこの手 ぬこTOP 0.036s