diff --git a/assets/scss/main.scss b/assets/scss/main.scss
index 2fcee9c..89cfd58 100644
--- a/assets/scss/main.scss
+++ b/assets/scss/main.scss
@@ -58,7 +58,7 @@ body {
 //swiper
 .swiper {
   width: 100%;
-  height: calc(100vh - 54px);
+  height: calc(100dvh - 54px);
 }
 
 .swiper-slide {
@@ -75,7 +75,7 @@ body {
 .swiper-slide img {
   display: block;
   width: 100%;
-  height: calc(100vh - 54px);
+  height: calc(100dvh - 54px);
   object-fit: cover;
 }
 
diff --git a/nuxt.config.ts b/nuxt.config.ts
index 2e13cec..0d50801 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -13,4 +13,14 @@ export default defineNuxtConfig({
     strategy: 'prefix_except_default',
     detectBrowserLanguage: false,
   },
+  app: {
+    head: {
+      meta: [
+        {
+          name: 'viewport',
+          content: 'width=device-width, initial-scale=1, maximum-scale=1, viewport-fit=cover, user-scalable=no',
+        },
+      ],
+    },
+  },
 })
diff --git a/pages/product/[id].vue b/pages/product/[id].vue
index 90058b3..bca07ab 100644
--- a/pages/product/[id].vue
+++ b/pages/product/[id].vue
@@ -5,6 +5,7 @@
       v-model:open="open"
       :class="{ animated: !isSwiping }"
       :style="{ top }"
+      :snap-points="[0.5, 1]"
     >
       <ProductImages />