优化设计表现板块:所有图片使用object-fit: contain完整展示,避免裁剪
This commit is contained in:
@@ -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
BIN
images/design-aerial-01.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 33 MiB |
BIN
images/design-exterior-01.jpg
Normal file
BIN
images/design-exterior-01.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 11 MiB |
BIN
images/design-exterior-02.jpg
Normal file
BIN
images/design-exterior-02.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 15 MiB |
BIN
images/design-interior-01.jpg
Normal file
BIN
images/design-interior-01.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 15 MiB |
BIN
images/design-interior-02.jpg
Normal file
BIN
images/design-interior-02.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 15 MiB |
BIN
images/design-interior-03.jpg
Normal file
BIN
images/design-interior-03.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 15 MiB |
Reference in New Issue
Block a user