From f761a6bf0743fc49457fe51d827068edbc3bafcd Mon Sep 17 00:00:00 2001 From: xiaoxia Date: Tue, 1 Sep 2026 14:16:15 +0800 Subject: [PATCH] =?UTF-8?q?fix(products):=20=E7=A7=BB=E9=99=A4thumb=20max-?= =?UTF-8?q?height=E9=99=90=E5=88=B6=EF=BC=8C=E4=BF=AE=E5=A4=8D=E7=AB=96?= =?UTF-8?q?=E5=B1=8F=E8=A7=86=E9=A2=91=E5=8D=A1=E7=89=87=E5=8F=B3=E4=BE=A7?= =?UTF-8?q?=E7=99=BD=E8=BE=B9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 根因:.xx-product-thumb 的 max-height:320px 在竖屏视频 (aspectRatio 9/16) 时限制宽度为180px,但卡片网格列宽约300px, 导致右侧出现白边。移除 max-height 让 aspectRatio 自然撑满列宽。 --- apps/web/src/pages/products/products.css | 1 - 1 file changed, 1 deletion(-) diff --git a/apps/web/src/pages/products/products.css b/apps/web/src/pages/products/products.css index ed6e9204e..710d81b6b 100644 --- a/apps/web/src/pages/products/products.css +++ b/apps/web/src/pages/products/products.css @@ -260,7 +260,6 @@ overflow: hidden; color: var(--text-inverse); background: var(--color-gray-950); - max-height: 320px; } .xx-product-thumb-bg { -- 2.54.0