diff --git a/public/index.html b/public/index.html
index d16f4c34..0f6ee7ec 100644
--- a/public/index.html
+++ b/public/index.html
@@ -6,7 +6,7 @@
     <meta name="renderer" content="webkit" />
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
-    <title>Hamster 幻灯片 v0.0.1-dev</title>
+    <title>PPTist v0.0.1-dev</title>
   </head>
   <body>
     <noscript>
@@ -14,5 +14,9 @@
     </noscript>
     <div id="app"></div>
     <!-- built files will be auto injected -->
+
+    <script>
+      document.oncontextmenu = e => e.preventDefault()
+    </script>
   </body>
 </html>
diff --git a/src/components/ColorPicker/index.vue b/src/components/ColorPicker/index.vue
index 13e48222..ce854916 100644
--- a/src/components/ColorPicker/index.vue
+++ b/src/components/ColorPicker/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="color-picker" @contextmenu.prevent>
+  <div class="color-picker">
     <div class="picker-saturation-wrap">
       <Saturation :value="color" :hue="hue" @change="value => changeColor(value)" />
     </div>
diff --git a/src/hooks/useScaleCanvas.ts b/src/hooks/useScaleCanvas.ts
index 5a07ec62..14c7e689 100644
--- a/src/hooks/useScaleCanvas.ts
+++ b/src/hooks/useScaleCanvas.ts
@@ -16,8 +16,13 @@ export default () => {
     
     store.commit(MutationTypes.SET_CANVAS_PERCENTAGE, percentage)
   }
+
+  const setCanvasPercentage = (percentage: number) => {
+    store.commit(MutationTypes.SET_CANVAS_PERCENTAGE, percentage)
+  }
   
   return {
     scaleCanvas,
+    setCanvasPercentage,
   }
 }
\ No newline at end of file
diff --git a/src/views/Editor/Canvas/Operate/index.vue b/src/views/Editor/Canvas/Operate/index.vue
index 632da1c0..4e3544f5 100644
--- a/src/views/Editor/Canvas/Operate/index.vue
+++ b/src/views/Editor/Canvas/Operate/index.vue
@@ -117,7 +117,7 @@ export default defineComponent({
   user-select: none;
 
   &.multi-select {
-    opacity: .3;
+    opacity: 0;
   }
 }
 .animation-index {
diff --git a/src/views/Editor/CanvasTool/index.vue b/src/views/Editor/CanvasTool/index.vue
index 50be5706..ae659252 100644
--- a/src/views/Editor/CanvasTool/index.vue
+++ b/src/views/Editor/CanvasTool/index.vue
@@ -51,6 +51,9 @@
       <IconMinus class="handler-item viewport-size" @click="scaleCanvas('-')" />
       <span class="text">{{canvasScalePercentage}}</span>
       <IconPlus class="handler-item viewport-size" @click="scaleCanvas('+')" />
+      <Tooltip :mouseLeaveDelay="0" :mouseEnterDelay="0.5" title="适配屏幕">
+        <IconFullScreen class="handler-item viewport-size-adaptation" @click="setCanvasPercentage(90)" />
+      </Tooltip>
     </div>
   </div>
 </template>
@@ -85,7 +88,7 @@ export default defineComponent({
 
     const canvasScalePercentage = computed(() => parseInt(canvasScale.value * 100 + '') + '%')
 
-    const { scaleCanvas } = useScaleCanvas()
+    const { scaleCanvas, setCanvasPercentage } = useScaleCanvas()
     const { redo, undo } = useHistorySnapshot()
 
     const { createImageElement, createChartElement } = useCreateElement()
@@ -123,6 +126,7 @@ export default defineComponent({
 
     return {
       scaleCanvas,
+      setCanvasPercentage,
       canvasScalePercentage,
       canUndo,
       canRedo,
