我制作了一个HTML页面，其中有一个＜input＞标记，类型为“text”。当我在iPhone上使用Safari点击它时，页面会变大（自动缩放）。有人知道如何禁用此功能吗？
当前回答
顺便说一下，如果您使用Bootstrap，您可以只使用此变体：
.form-control {
font-size: 16px;
}
其他回答
不用简单地将字体大小设置为16px，您可以：
设置输入字段的样式，使其大于预期大小，允许将逻辑字体大小设置为16px。使用scale（）CSS转换和负边距将输入字段缩小到正确的大小。
例如，假设输入字段最初的样式为：
input[type="text"] {
border-radius: 5px;
font-size: 12px;
line-height: 20px;
padding: 5px;
width: 100%;
}
如果通过将所有维度增加16/12=133.33%来放大字段，然后使用scale（）将其减少12/16=75%，则输入字段将具有正确的视觉大小（和字体大小），并且焦点上不会有缩放。
由于scale（）只影响视觉大小，因此还需要添加负边距以减小字段的逻辑大小。
使用此CSS：
input[type="text"] {
/* enlarge by 16/12 = 133.33% */
border-radius: 6.666666667px;
font-size: 16px;
line-height: 26.666666667px;
padding: 6.666666667px;
width: 133.333333333%;
/* scale down by 12/16 = 75% */
transform: scale(0.75);
transform-origin: left top;
/* remove extra white space */
margin-bottom: -10px;
margin-right: -33.333333333%;
}
输入字段的逻辑字体大小为16px，而文本大小为12px。
我有一篇博客文章，在这里我将稍微详细介绍一下，并将此示例作为可查看的HTML：iPhone上Safari无输入缩放，像素完美方式
我用jQuery也做到了这一点：
$('input[type=search]').on('focus', function(){
// replace CSS font-size with 16px to disable auto zoom on iOS
$(this).data('fontSize', $(this).css('font-size')).css('font-size', '16px');
}).on('blur', function(){
// put back the CSS font-size
$(this).css('font-size', $(this).data('fontSize'));
});
当然，如果16px的字体大小破坏了设计，则可能需要调整界面中的其他一些元素。
input[type='text'],textarea {font-size:1em;}
这是工作！！！我完成了我的搜索旅程！
<meta name=“viewport”content=“width=640px，初始比例=.5，最大比例=.5”/>
在iPhone OS6、Android 2.3.3模拟器上测试
我有一个固定宽度为640px的移动网站，我面对的是自动变焦对焦。
我试着分配一些荡妇，但没有一个能同时在iPhone和Android上运行！
现在对我来说，禁用缩放是可以的，因为网站是移动第一设计！
这是我找到它的地方：如何调整视口大小和缩放以支持跨浏览器？
这在iOS Safari和Chrome上对我有效。对于输入选择器，可以将类或id设置为包含当前值。
@supports (-webkit-overflow-scrolling: touch) {
input {
font-size: 16px;
}
}
