iPhone 6上的CSS - 为什么DIV不排队？

Question

我正在构建针对iPhone用户优化的着陆页，但我无法获取表单中的字段和表单中的按钮以正确排列。我的电脑上的东西看起来很好（使用最新版本的Chrome）但在iPhone上的Chrome和Safari上都是正确的边缘，这是＆＃34; Get My Music＆＃34;按钮不与“名称和地址”表单字段对齐。这是页面：

http://radionowheresongs.com/ig2017.html

我认为原因是我无法找到的一些简单的CSS gremlin - 任何想法？

谢谢！

Answer 1

我得到了它的工作，添加以下css：

.af-element.buttonContainer {
    width: 100%;
}

div#af-form-793499238 {
    width: 100%;
    display: grid;
}

显示器可以是：

    display: flex;
    display: inline-grid;
    display: inline-flex;

任何人都有效。

让我知道它是否适合你。

感谢。