I have a Mui Textfield and every time when i click on it, a zoom to that field occurs. I know this kind of question has been asked before, but seems that after trying all sort of options offered in the past no one of those options solved the issue.So is there a way to disable a zoom in on mobile web at all?
Asked
Active
Viewed 3,117 times
1
-
did you check this [question](https://stackoverflow.com/questions/2989263/disable-auto-zoom-in-input-text-tag-safari-on-iphone) – iamhuynq Jul 14 '22 at 08:05
-
if the font-size is less than 16px, screen will be zoomed. So, you can increase the font-size if adding `maximum-scale=1` did not help – Jul 14 '22 at 08:08
-
@iamhuynq yes I tried it before and it did not help at all, – Shlomo Rday Jul 14 '22 at 10:48
-
@Alijonov I increased the font then 16px and higher, and still nothing. – Shlomo Rday Jul 14 '22 at 10:57
1 Answers
2
you can try to put this meta tag on the html head or public/index.html (if you use create-react-app library and want to apply the setting to all pages):
<meta name="viewport" content="width=device-width, user-scalable=no" />
you can see more solution in this link incase this alternative wont work for you
hope it helps
Pasha Teuku
- 21
- 3