在我的移动网站上禁用自动缩放/字段缩放输入标签 - 不禁用所有缩放功能 [英] Disable auto zoom/field zoom on input tags on my Mobile Site - WITHOUT disabling all zoom capabilities
问题描述
我建立了我们公司的移动网站，我们希望禁用移动设备使用的自动缩放功能，以便在关注时放大文本/搜索/电子邮件输入。
我在HTML5中构建网站，并且已经看到/测试了
< meta name =viewportcontent =width = device-width，user-scalable = no />
解决方案。使用各种属性（即最小规模=最大规模=最大规模=＃）＃
这适用于几乎所有我正在测试的移动设备，只有一个问题，我希望用户能够在闲暇时放大/缩小（我们有一些更高分辨率的产品镜头，看起来很近）
如何禁用缩放在点击输入标签时，同时保留完整的手动用户缩放控制？
ps该网站也使用jQuery，所以任何想法都可能有所帮助。 b
$ b
感谢您
Jrak
< meta name = c $ c $< head>viewportcontent =width = device-width，initial-scale = 1，minimum-scale = 1，maximum-scale = 1>
I have spent all day looking for a solution, and this site keeps coming up, SO why not ask you guys.
I an building our companies mobile website and we want to disable the auto zoom mobile devices use to zoom into text/search/email inputs when they are focused on.
I am building the site in HTML5 and have seen/tested the
<meta name="viewport" content="width=device-width, user-scalable=no" />
solution. With various properties (ie. minimum-scale=#, maximum-scale=#" )
This, works in almost ALL mobile devices I am testing on. Only one problem. I want the user to be able to zoom in/out at their leisure. (we have some higher res product shots that would be nice to see up close)
How can I disable zooming in when clicking on input tags, while retaining full manual user zoom control?
p.s the site also uses jQuery. So any thoughts using that might help.
thank you Jrak
Setting the meta tag in the <head> like this worked for me:
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
这篇关于在我的移动网站上禁用自动缩放/字段缩放输入标签 - 不禁用所有缩放功能的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
