让解决方案幻灯片图片撑满高度
All checks were successful
continuous-integration/drone/push Build is passing

- 修改 .solution-content 的 align-items 为 stretch
- 添加 min-height: 500px 确保容器有最小高度
- 修改 .solution-image 的 height 为 100% 撑满容器高度
- 图片现在会自动适应容器高度,视觉效果更加饱满

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
yiqiu
2025-11-25 16:31:42 +08:00
parent 26eb7a0685
commit bc269019ca

View File

@@ -2726,7 +2726,7 @@ html {
/* 幻灯片内容区域 */
.solution-content {
display: flex;
align-items: center;
align-items: stretch;
gap: 60px;
padding: 40px;
background: rgba(15, 23, 42, 0.7);
@@ -2736,6 +2736,7 @@ html {
box-shadow:
0 8px 32px rgba(15, 23, 42, 0.5),
inset 0 1px 0 rgba(255, 255, 255, 0.05);
min-height: 500px;
}
/* 左侧文字区域 */
@@ -2810,7 +2811,7 @@ html {
.solution-image {
flex-shrink: 0;
width: 500px;
height: 400px;
height: 100%;
position: relative;
overflow: hidden;
border-radius: 0;