Fix zoom on mobile in input element

LoLei · Mar 18, 2022 · 10f7e24 · 10f7e24
1 parent c5d5397
commit 10f7e24
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/pages/_document.tsx b/pages/_document.tsx
@@ -13,7 +13,11 @@ class MyDocument extends Document {
   render() {
     return (
       <Html>
-        <Head>{CssBaseline.flush()}</Head>
+        <Head>
+          {CssBaseline.flush()}
+          {/* Fix auto zoom in on mobile for fields with font size <16px https://stackoverflow.com/a/46254706/4644044 */}
+          <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
+        </Head>
         <body>
           <Main />
           <NextScript />