我制作了一个HTML页面，其中有一个＜input＞标记，类型为“text”。当我在iPhone上使用Safari点击它时，页面会变大（自动缩放）。有人知道如何禁用此功能吗？
当前回答
input[type='text'],textarea {font-size:1em;}
其他回答
这是工作！！！我完成了我的搜索旅程！
<meta name=“viewport”content=“width=640px，初始比例=.5，最大比例=.5”/>
在iPhone OS6、Android 2.3.3模拟器上测试
我有一个固定宽度为640px的移动网站，我面对的是自动变焦对焦。
我试着分配一些荡妇，但没有一个能同时在iPhone和Android上运行！
现在对我来说，禁用缩放是可以的，因为网站是移动第一设计！
这是我找到它的地方：如何调整视口大小和缩放以支持跨浏览器？
不用简单地将字体大小设置为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无输入缩放，像素完美方式
将用户scalable=0添加到视区元，如下所示
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0">
为我工作：）
请不要使用Javascript或黑客来使其工作。这将影响您在网络上的项目分数。
这将起到作用：
input, input:active, input:focus, input:focus-within, input:hover, input:visited {
font-size: 16px!important;
}
如果你的网站是为移动设备设计的，你可以决定不允许扩展。
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
这解决了移动页面或表单“浮动”的问题。
