diff --git a/packages/bigscreen/viewer/AppGigscreenViewer.vue b/packages/bigscreen/viewer/AppGigscreenViewer.vue
index 1549e447..9d848dad 100644
--- a/packages/bigscreen/viewer/AppGigscreenViewer.vue
+++ b/packages/bigscreen/viewer/AppGigscreenViewer.vue
@@ -2,13 +2,15 @@
   <div class="AppGigscreenViewer">
     <div v-if="!component">
       <div
+        class="component-item"
         :style="{
-          width: item.width * scale + 'px',
-          height: item.height * scale + 'px',
+          width: item.width + 'px',
+          height: item.height + 'px',
           left: item.left * scale + 'px',
           top: item.top * scale + 'px',
           position: 'absolute',
-          zIndex: item.zIndex
+          zIndex: item.zIndex,
+          transform: `scale(${scale})`
         }"
         v-for="(item, index) in componentList"
         :key="index">
@@ -170,6 +172,10 @@
   height: 100%;
   background: transparent !important;
 
+  .component-item {
+    transform-origin: 0 0;
+  }
+
   .dv-scroll-board {
     height: calc(100%) !important;