響應式設計問題在320px和480px視口大小

我有一個困難的時間搞清楚爲什麼div被推下來，並從另一個div。響應式設計問題在320px和480px視口大小

如果你去下面的鏈接

此頁面包含一個接觸的形式，如果你縮小到480像素橫向或320px的縱向尺寸視窗尺寸，或查看本網站上的iPhone ，你會發現標籤和輸入之間有一點差距。如果您使用Firebug，您將能夠看到問題的標籤和輸入分別是.styled_label和.styled_input。

首先，我使用負頂部邊距來對齊輸入，因爲它們被向下推出並放到.form_fields容器中。我不想這樣做。而且我也無法讓這些輸入字段向左移動。

任何人都可以幫忙嗎？我會很感激。謝謝，克里斯

我認爲這會幫助你。改變mazzo_style.css的行號1005

變化margin-right:1%;到margin-right:21.9592%

2013-08-20 09:25:01

我明白，費薩爾。感謝您花時間弄清楚。這確實幫了我。我很感激。 –

我很高興克里斯，但你仍然不接受我的回答，如果它真的幫助你，那麼你沒有投票呢？ :-) –

回答