diff --git a/src/index.html b/src/index.html index 2ee5147..1a21660 100644 --- a/src/index.html +++ b/src/index.html @@ -6,11 +6,13 @@ content="width=device-width,initial-scale=1,user-scalable=no" name="viewport" /> + + 数字游民CNA diff --git a/src/pages/index/index.scss b/src/pages/index/index.scss index 3e5755f..aeaf803 100644 --- a/src/pages/index/index.scss +++ b/src/pages/index/index.scss @@ -123,14 +123,21 @@ } } + + + + .items { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 340px)); + /* 核心改动:前面自适应列 + 最后一列固定 260px 给 rightItem */ grid-auto-rows: 280px; - gap: 30px; + gap: 40px; padding: 20px; box-sizing: border-box; // background-color: #f5222d; + // grid-auto-columns: 0; // ⛔ 禁止 Grid 偷偷造列 + .item:hover { animation: pulse 0.6s ease; } @@ -226,7 +233,7 @@ overflow: hidden; width: 100%; min-width: 260px; // 保证最小宽度不被挤掉 - max-width: 340px; // 最大宽度 + // max-width: 340px; // 最大宽度 box-sizing: border-box; background-color: yellow; }