- 修改 .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:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user