防止Android上的iframe缩放

Question

我有一个包含一些表单元素的iframe。我尝试将元标记放在iframe页面中：

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

以及为输入设置css：

input[type="text"] {font-size: 1em;}

如果表单在iframe中，似乎都不起作用。如果用户点击文本输入，它仍会放大。在这种情况下是否可以防止缩放？我在S3上使用Android 4.2.1。

编辑：我发现CSS确实有效，我只是设置不够大。不幸的是，这也打破了布局。

Answer 1

你可以尝试：

touch-action: none 

我不确定android是否支持这个。它原本只适用于IE作为ms-touch-action。 以下是一些更多信息：http://docs.webplatform.org/wiki/css/properties/touch-action