diff --git a/src/components/LoadFBX.vue b/src/components/LoadFBX.vue
index 2bcdf335f87ce41164f860b2bdc8725fdf8abfb9..3fc1aabc05882ed9a4550225b1a2503eb5cfe9eb 100644
--- a/src/components/LoadFBX.vue
+++ b/src/components/LoadFBX.vue
@@ -26,13 +26,12 @@ export default {
       const clock = new THREE.Clock();
       let mixer;
 
+      const mw = document.documentElement.clientWidth * 0.7;
+      const mh = document.documentElement.clientHeight;
+      console.log(mw + "," + mh);
+
       const init = () => {
-        camera = new THREE.PerspectiveCamera(
-          45,
-          container.clientWidth / container.clientHeight,
-          1,
-          2000
-        );
+        camera = new THREE.PerspectiveCamera(45, mw / mh, 1, 2000);
         camera.position.set(100, 200, 300);
 
         scene = new THREE.Scene();
@@ -90,7 +89,7 @@ export default {
 
         renderer = new THREE.WebGLRenderer({ antialias: true });
         renderer.setPixelRatio(window.devicePixelRatio);
-        renderer.setSize(container.clientWidth, container.clientHeight);
+        renderer.setSize(mw, mh);
 
         renderer.shadowMap.enabled = true;
         container.appendChild(renderer.domElement);
diff --git a/src/views/Home.vue b/src/views/Home.vue
index a597efc93525e98aa17a302f483a8eded2637bfd..95a55df4712de5dea7ce7a60807adbb8340ffe0b 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -46,6 +46,7 @@
     @close="helfds"
     @closed="cc"
     destroy-on-close
+    show-close="true"
     :with-header="false"
   >
     <LoadFBX ref="myfbx" :fbxfilepath="curefbxname"> </LoadFBX>