Link to home
Start Free TrialLog in
Avatar of burnedfaceless
burnedfaceless

asked on

Keep mobile users from being able to zoom in with Bootstrap

I am working out of Bootstrap and I want to prevent mobile users from being able to zoom in.

I have the following meta tag added
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
but they can still zoom in.
Avatar of Paweł
Paweł
Flag of Switzerland image

yes you have to set it in the meta tag of your html

check this link out
http://getbootstrap.com/css/#overview-mobile

"You can disable zooming capabilities on mobile devices by adding user-scalable=no to the viewport meta tag. This disables zooming, meaning users are only able to scroll, and results in your site feeling a bit more like a native application. Overall, we don't recommend this on every site, so use caution!"
Avatar of burnedfaceless
burnedfaceless

ASKER

I have it in my meta tag but it still zooms in.

Do mobile browsers just regard this tag nowadays?
ASKER CERTIFIED SOLUTION
Avatar of Paweł
Paweł
Flag of Switzerland image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
SOLUTION
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Yea couldn't get it to work.

Thanks for trying.