【ニコニコ】自動ローカル保存プロクシ NicoCache26 (854ﾚｽ)
上下前次1-新
抽出解除 必死ﾁｪｯｶｰ(本家) (べ) 自ID ﾚｽ栞 あぼーん

---

722: 名無しさん＠お腹いっぱい。 (ｱｳｱｳｳｰ Sa89-uzXO) [sage] 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
https://developer.mozilla.org/ja/docs/Web/CSS/CSS_grid_layout/Basic_concepts_of_grid_layout
CSS Grid Generator
https://cssgrid-generator.netlify.app/

---

723: 名無しさん＠お腹いっぱい。 (ｱｳｱｳｳｰ Sa89-uzXO) [sage] 2025/03/15(土) 16:11:51.51 ID:HZdCVaRFa(2/3) AAS
↑
だと9列になってしまうので 230px くらいが妥当ですかね。

---

725: 名無しさん＠お腹いっぱい。 (ｱｳｱｳｳｰ Sa89-uzXO) [sage] 2025/03/15(土) 16:18:26.91 ID:HZdCVaRFa(3/3) AAS
そもそもグリッドレイアウトは柔軟に対応するので画面の解像度にも依存しています。

4Kの液晶パネルやゲーミング用の横長のパネルだと自動で引き伸ばされて何列何行になるかは自動で変わるはずです。

---

上下前次1-新書関写板覧索設栞歴

---

ｽﾚ情報 赤ﾚｽ抽出 画像ﾚｽ抽出 歴の未読ｽﾚ AAｻﾑﾈｲﾙ

---

ぬこの手 ぬこTOP 0.035s