Browse Source
Allow page zooming/scaling (#4082)
* Allow page zooming/scaling
* Fix for iOS
main
Alexey Pyltsyn
3 years ago
committed by
GitHub
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with
10 additions and
1 deletions
-
beta/src/components/Seo.tsx
-
beta/src/styles/sandpack.css
|
|
@ -27,7 +27,7 @@ export const Seo = withRouter( |
|
|
|
|
|
|
|
|
<meta |
|
|
<meta |
|
|
name="viewport" |
|
|
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>} |
|
|
{title != null && <title key="title">{title}</title>} |
|
|
|
|
|
@ -191,3 +191,12 @@ html.dark .sp-loading { |
|
|
padding-left: var(--sp-space-1) !important; |
|
|
padding-left: var(--sp-space-1) !important; |
|
|
padding-right: 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; |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
