From 3e86ddcd70591553395a9c79f0387cd3c957eba0 Mon Sep 17 00:00:00 2001 From: yiqiu Date: Tue, 25 Nov 2025 16:36:06 +0800 Subject: [PATCH] =?UTF-8?q?=E8=B0=83=E6=95=B4=E5=9B=BE=E7=89=87=E5=8C=BA?= =?UTF-8?q?=E5=9F=9F=E4=BD=BF=E5=85=B6=E5=AE=8C=E5=85=A8=E6=92=91=E6=BB=A1?= =?UTF-8?q?=E5=8D=A1=E7=89=87=E9=AB=98=E5=BA=A6?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 将 .solution-content 的 padding 移除,改为 0 - 将 padding: 40px 移到 .solution-text 内部 - 移除 .solution-image 的固定高度 - 通过 align-items: stretch 让图片区域自动撑满整个卡片高度 - 图片使用 object-fit: cover 保持比例填充 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude --- css/index.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/css/index.css b/css/index.css index 4ce33c6..fea2d54 100644 --- a/css/index.css +++ b/css/index.css @@ -2728,7 +2728,7 @@ html { display: flex; align-items: stretch; gap: 60px; - padding: 40px; + padding: 0; background: rgba(15, 23, 42, 0.7); backdrop-filter: blur(16px); border: 1px solid rgba(148, 163, 184, 0.15); @@ -2743,6 +2743,7 @@ html { .solution-text { flex: 1; min-width: 0; + padding: 40px; } .solution-text h3 { @@ -2811,7 +2812,6 @@ html { .solution-image { flex-shrink: 0; width: 500px; - height: 100%; position: relative; overflow: hidden; border-radius: 0;