2017-09-02 69 views
0

我正在構建一個針對iPhone用戶優化的登錄頁面,而且我無法使表單中的字段和表單中的按鈕正確排列。我的電腦上的東西看起來很不錯(使用最新版本的Chrome),但在iPhone上的Chrome和Safari上,「Get My Music」按鈕的右邊緣與名稱和地址表單字段不一致。這裏的頁面:iPhone 6上的CSS - 爲什麼DIV不排隊?

http://radionowheresongs.com/ig2017.html

我認爲原因是一些簡單的小CSS小鬼,我找不到 - 任何想法?

謝謝!

回答

1

我得到它的工作,添加以下的CSS:

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

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

顯示一個可能是:

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

任何一部作品。

enter image description here

讓我知道它是否適合你。

謝謝。

+0

是的 - 效果很棒!非常感謝! – radionowhere

+1

非常歡迎你!!!你能投我的答案嗎?謝謝 – Timba

+0

嘿蒂姆巴 - 這件事情之一:雖然現在形式在iPhone上看起來不錯,但在我的筆記本電腦上查看時,按鈕和字段不再排隊(我猜這是有道理的)。你能告訴我如何設置CSS以使表單在計算機和iPHone上正確顯示?謝謝! – radionowhere