为什么我的表单无法在 iPhone/iPad 上正确显示？答案

【问题标题】：Why does my form not display properly on iPhone/iPad?为什么我的表单无法在 iPhone/iPad 上正确显示？
【发布时间】：2013-03-14 01:10:14
【问题描述】：

我在 iPad 版本的出版物中使用表单，当我选择表单的文本字段时，它会在第一个表单的顶部放置一个重复的表单（请参阅 screen shot）。有谁知道为什么会发生这种情况？如果有帮助，这是 InDesign CS6 中的 HTML sn-p。该代码在浏览器中运行良好。任何想法为什么此代码不起作用？

<div align="center" style="background-color: transparent;">
<div style="width:100%; background-color: transparent;">
<form name="ccoptin" action="http://visitor.r20.constantcontact.com/d.jsp"
target="_blank" method="post" style="margin-bottom:3;">
<input type="text" name="ea" size="20" value="" style="font-family: Gotham, 
'Helvetica  Neue', Helvetica, Arial, sans-serif; font-size:10px; border:1px solid 
#999999;">
<input type="submit" name="go" value="Submit" class="submit"  style="font-family: 
Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size:10px;">
<input type="hidden" name="llr" value="cgw6xxdab">
<input type="hidden" name="m" value="1103529695426">
<input type="hidden" name="p" value="oi">
</form>
</div>
</div>

【问题讨论】：

可能是一个奇怪的请求，但是您有我们可以看到的 chrome 或 firefox 的屏幕截图吗？此外，任何 CSS 都会有所帮助
没有 CSS，只有你在那里看到的内联样式。这是来自 Chrome 的 !screenshot。

标签： iphone html forms ipad adobe-indesign

【解决方案1】：

为什么不直接添加以下代码并取出 CSS？

<meta name="viewport" id="iphone-viewport" content="minimum-scale=1.0, maximum-scale=1.0, width=device-width">

或者你使用 CSS 有什么原因吗？

【讨论】：