diff --git a/components/style-pro/StyleProWorkspace.tsx b/components/style-pro/StyleProWorkspace.tsx
index 866ec7bcb..dda932463 100644
--- a/components/style-pro/StyleProWorkspace.tsx
+++ b/components/style-pro/StyleProWorkspace.tsx
@@ -678,7 +678,7 @@ function ImagePreview({
     <img
       alt={alt}
       className={cn(
-        "h-full w-full rounded-lg",
+        "block h-full max-h-none w-full max-w-none rounded-lg",
         fit === "cover" ? "object-cover" : "object-contain",
         className
       )}
@@ -889,7 +889,7 @@ function BeforeAfterSlider({
 
   if (!afterUrl) {
     return (
-      <div className="min-h-[620px] rounded-lg border border-gray-200 bg-gray-50 p-3 lg:min-h-[720px]">
+      <div className="h-[calc(100vh-172px)] min-h-[620px] max-h-[720px] rounded-lg border border-gray-200 bg-gray-50 p-3">
         <ImagePreview alt="上传图片" imageUrl={beforeUrl} />
       </div>
     );
@@ -897,7 +897,7 @@ function BeforeAfterSlider({
 
   return (
     <div
-      className="relative min-h-[620px] select-none overflow-hidden rounded-lg border border-gray-200 bg-gray-50 lg:min-h-[720px]"
+      className="relative h-[calc(100vh-172px)] min-h-[620px] max-h-[720px] select-none overflow-hidden rounded-lg border border-gray-200 bg-gray-50"
       ref={sliderRef}
     >
       <ImagePreview