优化设计表现板块:所有图片使用object-fit: contain完整展示,避免裁剪

This commit is contained in:
2026-06-03 00:02:23 +08:00
parent 6c8710d3b8
commit 4a82620f1c
7 changed files with 41 additions and 0 deletions

View File

@@ -1154,6 +1154,47 @@ body {
height: 300px; height: 300px;
} }
/* ========================================
设计表现 - 图片完整展示样式
======================================== */
/* 鸟瞰图区域 */
#aerial-view .gallery-item .placeholder-img,
#aerial-view .placeholder-img img {
object-fit: contain !important;
background: #FFFFFF !important;
}
/* 室外透视图区域 */
#exterior-perspective .card-image img {
width: 100%;
height: 400px;
object-fit: contain !important;
background: #FFFFFF !important;
display: block;
}
/* 室内透视图区域 */
#interior-perspective .card-image img {
width: 100%;
height: 350px;
object-fit: contain !important;
background: #FFFFFF !important;
display: block;
}
/* 通用:设计表现页面所有图片容器 */
#design .card-image,
#design .placeholder-img {
overflow: visible !important;
}
/* 确保图片不会被裁剪 */
#design img {
max-width: 100%;
height: auto;
}
/* ======================================== /* ========================================
响应式调整 响应式调整
======================================== */ ======================================== */

BIN
images/design-aerial-01.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 33 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 MiB