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

Question

我正在构建一个针对iPhone用户优化的登录页面，而且我无法使表单中的字段和表单中的按钮正确排列。我的电脑上的东西看起来很不错（使用最新版本的Chrome），但在iPhone上的Chrome和Safari上，“Get My Music”按钮的右边缘与名称和地址表单字段不一致。这里的页面：

http://radionowheresongs.com/ig2017.html

我认为原因是一些简单的小CSS小鬼，我找不到 - 任何想法？

谢谢！

Answer 1

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

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

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

显示一个可能是：

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

任何一部作品。

让我知道它是否适合你。

谢谢。