diff --git a/src/components/Cropper/src/Cropper.vue b/src/components/Cropper/src/Cropper.vue
index 1f39dd40e..b399fc62c 100644
--- a/src/components/Cropper/src/Cropper.vue
+++ b/src/components/Cropper/src/Cropper.vue
@@ -146,3 +146,13 @@ function getRoundedCanvas(sourceCanvas: HTMLCanvasElement) {
   return canvas
 }
 </script>
+<style lang="scss" scoped>
+$prefix-cls: #{$namespace}-cropper-image;
+
+.#{$prefix-cls} {
+  // cropperjs 动态插入的自定义元素不受 scoped 样式约束，需要穿透设置高度
+  > :deep(cropper-canvas) {
+    height: 100%;
+  }
+}
+</style>