Im building a web app and I want to disable the zoom with 2 fingers. I have tried this
meta name="viewport" content=" width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"
but is not working. The app will run on tablets.
Thank you !
Asked
Active
Viewed 9,328 times
1 Answers
6
With the React-Helmet you can put your metadata in the render-function of your Component like this:
render(){
return <div>
<Helmet>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
</Helmet>
[...]
</div>
}
Look at the Helmet documentation for further information.
morpet
- 106
- 1
- 5
-
1Typo: meta tag missing closing bracket. – DavidDuwaer Mar 08 '22 at 15:35
-
So does this go on the index.html after doing create react app? – KingJoeffrey Dec 19 '22 at 00:48
-
I don't know exactly what you mean with "after create react app". You can put the _
_-tag directly to your render() function in the component class. So it is after creating the react app and before the build. – morpet Dec 20 '22 at 17:01