我正在创建一个移动网页，基本上是一个大的形式与几个文本输入。
然而(至少在我的Android手机上)，每次我点击一些输入，整个页面都会放大到那里，掩盖页面的其余部分。是否有一些HTML或CSS命令禁用这种缩放移动网页?
当前回答
<header>
<meta name="viewport" content="user-scalable=no">
</header>
纯“user-scalable=no”就足够了，排除其他宽度和缩放参数就可以了。在我的情况下，我只是简单地在我的。在iOS 16上测试。
其他回答
对于那些晚到派对的人来说，kgutteridge的答案对我来说不适用，Benny Neugebauer的答案包括目标密度(一个被弃用的功能)。
然而，这对我来说是有效的:
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
这里有许多方法-尽管立场是，当涉及到缩放的可访问性目的时，通常不应该限制用户，但可能会出现需要缩放的情况:
以设备的宽度渲染页面，不要缩放:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
防止缩放-并防止用户能够缩放:
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
删除所有缩放
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />
这可能会对某些人有所帮助:在iOS上，我的问题通过将<button>s交换为<div>s以及其他提到的事情来解决。
这应该是你需要的一切:
<meta name="viewport"
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
移动浏览器(大多数)要求输入的字体大小为16px。
由于初始问题仍然没有解决方案，这里有一个纯CSS解决方案。
input[type="text"],
input[type="number"],
input[type="email"],
input[type="tel"],
input[type="password"] {
font-size: 16px;
}
解决问题。所以你不需要禁用缩放和松散的可访问性功能，你的网站。
如果你的基本字体大小不是16px，或者在手机上不是16px，你可以使用媒体查询。
@media screen and (max-width: 767px) {
input[type="text"],
input[type="number"],
input[type="email"],
input[type="tel"],
input[type="password"] {
font-size: 16px;
}
}
