Android 什么'；手机浏览器中的文本输入发生了什么情况

我正在创建一个小型网站，其中包含一些文本输入的表单。我正在使用这个元标记：

<meta name="viewport" content="width=device-width" />

最后，您可以看到第二个图像和第三个图像之间的差异。当我开始打字时，按钮文本移到了中间一点

---

如果有人对任何问题做出解释，那就太好了。

你的问题是，你的网站不是为移动设备量身定做的，但你正试图在移动设备上查看它

移动设备具有。。让我们称之为功能，在选择可编辑字段（如输入框）时，它将放大该部分（以便您可以读取正在键入的文本）。如果您的手机没有自动执行此操作，并且页面编码方式不同，则您无法读取文本

您可以通过编辑您的

标签来阻止手机放大：

<meta name = "viewport" content = "width = device-width, user-scalable = 0, initial-scale = 1.0, maximum-scale = 1.0" />

这会告诉浏览器：

将初始宽度设置为视口宽度（屏幕宽度）

不允许用户缩放页面

将页面的初始缩放设置为100%

将页面的最大可能比例（由浏览器或用户启动）设置为100%

最后一个属性将阻止手机放大文本字段

然而，如果你想让人们在手机上查看网站，但不允许他们放大，你应该让你的网站与手机兼容。不允许他们在为桌面设计的网站上放大是一种糟糕的做法

---

谷歌响应式设计提供想法和技术，将您的桌面设计改造为手机友好型。

您能提供一个显示此问题的测试页面链接吗？现在有一个元标签什么安卓手机，什么安卓版本？@setek LG Optimus l9。安卓4.1是的，我已经明白，我可以禁用缩放。当然，我明白，我可以制作特殊的手机版本。但现在的目标是在手机上显示桌面设计的网站，而不禁用缩放功能。那么，你的意思是，在这种情况下不可能确定厚度吗？@lenden发生的事情是，手机正在放大，以使文本清晰易读。我用我的手机查看了你的网站，在点击一个字段（我的浏览器放大）后，我再次手动缩小，你无法阅读你正在键入的内容。你们需要防止缩放来防止这种情况发生。我知道了，但即使我不缩放，边框也很厚。带有和不带有1.0比例元标记的页面看起来不同。这个“特征”实际上与字母无关，它只是使边框、下划线等变得巨大。所以，阻止缩放没有帮助，因为即使我阻止缩放和用户设备宽度，边框（例如）也不是1px

    div#form-submit {
    display: table;
    margin-bottom: 1em;
    border: 1px solid black;
    background-color: white;
    outline: 0px;
    font-size: 0.24em;
    font-family: inherit;
    padding-left: 0.3em;
    padding-right: 0.3em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    border-radius: 0.7em;
    margin: 0 auto;
    margin-bottom: 1.6em;
    cursor: pointer;
}

<meta name = "viewport" content = "width = device-width, user-scalable = 0, initial-scale = 1.0, maximum-scale = 1.0" />