我制作了一个HTML页面，其中有一个＜input＞标记，类型为“text”。当我在iPhone上使用Safari点击它时，页面会变大（自动缩放）。有人知道如何禁用此功能吗？
当前回答
在阅读了这里的几乎每一行并测试了各种解决方案之后，感谢所有分享他们解决方案的人，我在iPhone 7 iOS 10.x上为我设计、测试和工作的内容：
@media screen and (-webkit-min-device-pixel-ratio:0) {
input[type="email"]:hover,
input[type="number"]:hover,
input[type="search"]:hover,
input[type="text"]:hover,
input[type="tel"]:hover,
input[type="url"]:hover,
input[type="password"]:hover,
textarea:hover,
select:hover{font-size: initial;}
}
@media (min-width: 768px) {
input[type="email"]:hover,
input[type="number"]:hover,
input[type="search"]:hover,
input[type="text"]:hover,
input[type="tel"]:hover,
input[type="url"]:hover,
input[type="password"]:hover,
textarea:hover,
select:hover{font-size: inherit;}
}
不过，它也有一些缺点，由于“悬停”状态和“聚焦”状态之间字体大小的快速变化，以及重画对性能的影响，它明显出现了“跳跃”
其他回答
正在iOS 7上运行的Javascript黑客。这是基于@dlo的回答，但mouseover和mouseout事件被touchstart和touchend事件替换。基本上，该脚本在再次启用缩放之前添加半秒超时，以防止缩放。
$("input[type=text], textarea").on({ 'touchstart' : function() {
zoomDisable();
}});
$("input[type=text], textarea").on({ 'touchend' : function() {
setTimeout(zoomEnable, 500);
}});
function zoomDisable(){
$('head meta[name=viewport]').remove();
$('head').prepend('<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0" />');
}
function zoomEnable(){
$('head meta[name=viewport]').remove();
$('head').prepend('<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=1" />');
}
这是工作！！！我完成了我的搜索旅程！
<meta name=“viewport”content=“width=640px，初始比例=.5，最大比例=.5”/>
在iPhone OS6、Android 2.3.3模拟器上测试
我有一个固定宽度为640px的移动网站，我面对的是自动变焦对焦。
我试着分配一些荡妇，但没有一个能同时在iPhone和Android上运行！
现在对我来说，禁用缩放是可以的，因为网站是移动第一设计！
这是我找到它的地方：如何调整视口大小和缩放以支持跨浏览器？
令人惊讶的是，这里有很多javascript和视口的答案，只有一个提到了文本大小调整，这是我认为最好的解决方案。
您可以将此设置为无。
添加以下CSS：
* {
-webkit-text-size-adjust: none;
text-size-adjust: none;
}
一条关于将字体大小设置为16px的顶级答案的评论询问了这是如何解决的，如果你想要更大/更小的字体怎么办。
我不知道你们所有人的情况，但使用px来调整字体大小并不是最好的方法，你应该使用它们。
我在我的响应网站上遇到了这个问题，我的文本字段大于16像素。我的表单容器设置为2em，输入字段设置为1.4em。在移动查询中，我根据视口更改html字体大小。由于默认的html是10，我的输入字段在桌面上计算为28px
为了取消自动缩放，我不得不将输入更改为1.6em。这将我的字体大小增加到32px。只是稍微高一点，几乎看不到。在我的iPhone 4和5上，我将html字体大小改为15像素（纵向），改回10像素（横向）。看起来像素大小的最佳点是48px，这就是为什么我从1.4em（42px）改为1.6em（48px）。
你需要做的事情是找到字体大小的最佳位置，然后将其转换为rem/em大小。
您可以防止Safari在用户输入期间自动放大文本字段，而不禁用用户的缩放功能。只需添加最大比例=1，但忽略其他答案中建议的用户比例属性。
如果您在图层中有一个表单，如果缩放，它会“浮动”，这会导致重要的UI元素移出屏幕，这是一个值得选择的选项。
<meta name=“viewport”content=“width=设备宽度，初始比例=1，最大比例=1”>
