fix: input 포커스 시 가로 스크롤/확대 방지

뷰포트 maximum-scale=1·user-scalable=no (iOS 포커스 자동확대 방지) + html/body overflow-x hidden (가로 오버플로 차단). Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-07-11 21:44:59 +09:00
parent 38ac028c15
commit 0dcec68cfe
2 changed files with 8 additions and 1 deletions
@@ -2,7 +2,10 @@
 <html lang="ko">
  <head>
    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover"
+    />
    <meta name="theme-color" content="#6DB3E8" />
    <title>산책갈개</title>
  </head>
@@ -1,6 +1,10 @@
 // 전역 스타일 — 하늘색 파스텔 배경
+html,
 body {
  background: #F4FAFF;
+  // input 포커스/키보드 시 가로 스크롤(오버플로) 방지
+  overflow-x: hidden;
+  max-width: 100%;
 }

 .text-brand {