- 修改 .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 {
|
.solution-content {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: stretch;
|
||||||
gap: 60px;
|
gap: 60px;
|
||||||
padding: 40px;
|
padding: 40px;
|
||||||
background: rgba(15, 23, 42, 0.7);
|
background: rgba(15, 23, 42, 0.7);
|
||||||
@@ -2736,6 +2736,7 @@ html {
|
|||||||
box-shadow:
|
box-shadow:
|
||||||
0 8px 32px rgba(15, 23, 42, 0.5),
|
0 8px 32px rgba(15, 23, 42, 0.5),
|
||||||
inset 0 1px 0 rgba(255, 255, 255, 0.05);
|
inset 0 1px 0 rgba(255, 255, 255, 0.05);
|
||||||
|
min-height: 500px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 左侧文字区域 */
|
/* 左侧文字区域 */
|
||||||
@@ -2810,7 +2811,7 @@ html {
|
|||||||
.solution-image {
|
.solution-image {
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
width: 500px;
|
width: 500px;
|
||||||
height: 400px;
|
height: 100%;
|
||||||
position: relative;
|
position: relative;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
|
|||||||
Reference in New Issue
Block a user