Allow page zooming/scaling (#4082)

* Allow page zooming/scaling

* Fix for iOS

Author: lex111

beta/src/components/Seo.tsx

@@ -27,7 +27,7 @@ export const Seo = withRouter(
 
       <meta
         name="viewport"
-        content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"
+        content="width=device-width, initial-scale=1"
       />
 
       {title != null && <title key="title">{title}</title>}

beta/src/styles/sandpack.css

@@ -191,3 +191,12 @@ html.dark .sp-loading {
   padding-left: var(--sp-space-1) !important;
   padding-right: var(--sp-space-1) !important;
 }
+
+/* For iOS: prevent browser zoom when clicking on sandbox. */
+@media screen and (max-width: 768px) {
+  @supports (-webkit-overflow-scrolling: touch) {
+    .cm-content {
+      font-size: initial;
+    }
+  } 
+}