trying to prevent zooming on a page in Chrome on Android, and it doesn’t want to behave. I’m using the code below, which works fine on the stock Android browser and Safari on iOS. Any thoughts?
<meta content='width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=no;' name='viewport' />
<meta name="viewport" content="width=device-width" />
Try adding
minimum-scale=1to yourviewportmeta tag – if that doesn’t help, it’s likely that disabling zoom isn’t supported by Chrome for Android (HTC’s proprietary browser intentionally doesn’t allow you to disable zoom, for instance)Update: I just checked, and it looks like Chrome does support disabling zoom, but you have two viewport tags in your code? The second one is likely overriding the first. Remove the second one.
See this list of mobile browser support for disabling zoom for details and a good suggestion for disabling zoom across multiple browsers.