我制作了一个HTML页面，其中有一个＜input＞标记，类型为“text”。当我在iPhone上使用Safari点击它时，页面会变大（自动缩放）。有人知道如何禁用此功能吗？
当前回答
顺便说一下，如果您使用Bootstrap，您可以只使用此变体：
.form-control {
font-size: 16px;
}
其他回答
如果字体大小小于16px，并且表单元素的默认字体大小为11px（至少在Chrome和Safari中），浏览器将进行缩放。
此外，select元素需要附加焦点伪类。
input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
select:focus,
textarea {
font-size: 16px;
}
不需要使用以上所有内容，您可以只设置所需元素的样式，例如：仅文本、数字和文本区域：
input[type='text'],
input[type='number'],
textarea {
font-size: 16px;
}
使输入元素从父样式继承的替代解决方案：
body {
font-size: 16px;
}
input[type="text"] {
font-size: inherit;
}
使用（悬停：无）和（指针：粗略）以所有触摸屏设备为目标：
这里的许多答案都依赖于部署JavaScript或jQuery。
但它应该（而且是）完全可以用CSS控制条件字体表示等问题。
Safari Mobile要求（有充分的理由）与任何表单元素交互时，其最小字体大小必须为16px（或视觉等效值）。
让我们致力于让经过深思熟虑的用户体验应用于所有触摸屏浏览器。
然后我们可以采取以下措施：
@media only screen and (hover: none) and (pointer: coarse) {
input,
select,
textarea {
font-size: 11px;
}
input:focus,
select:focus,
textarea:focus {
font-size: 16px;
}
}
结果
当使用触摸屏设备时，当上面的任何交互式表单元素被聚焦时，该表单元素的字体大小被临时设置为16px。
这反过来会禁用iOS Safari Mobile自动缩放。
用户初始化的捏缩缩放在所有设备上都不受影响，并且永远不会被禁用。
将字体大小（用于输入字段）设置为等于正文的字体大小，似乎是阻止浏览器缩小或缩小的原因。我建议使用字体大小：1rem作为更优雅的解决方案。
这在iOS Safari和Chrome上对我有效。对于输入选择器，可以将类或id设置为包含当前值。
@supports (-webkit-overflow-scrolling: touch) {
input {
font-size: 16px;
}
}
这是工作！！！我完成了我的搜索旅程！
<meta name=“viewport”content=“width=640px，初始比例=.5，最大比例=.5”/>
在iPhone OS6、Android 2.3.3模拟器上测试
我有一个固定宽度为640px的移动网站，我面对的是自动变焦对焦。
我试着分配一些荡妇，但没有一个能同时在iPhone和Android上运行！
现在对我来说，禁用缩放是可以的，因为网站是移动第一设计！
这是我找到它的地方：如何调整视口大小和缩放以支持跨浏览器？
