响应式设计问题320px和480px Viewport尺寸

时间:2013-08-19 20:23:23

标签: css mobile responsive-design

我很难搞清楚为什么div被推下来并从另一个div中解脱出来。

如果您转到以下链接

http://www.chrismazzochi.com/index.php?subject=6

此页面包含联系表单,如果您缩小到480px横向或320px纵向大小视口尺寸,或者在iPhone上查看此站点,您将看到标签与标签之间存在一些差距。输入。如果您使用Firebug,您将能够看到有问题的标签和输入分别是.styled_label和.styled_input。

首先,我使用负顶部边距来对齐输入,因为它们被向下推出并从.form_fields容器中移出。我不想这样做。而且我也无法让这些输入字段向左移动。

有人可以帮忙吗? 我很感激。 谢谢, 克里斯

1 个答案:

答案 0 :(得分:0)

我认为这会对你有所帮助。更改第1005行的mazzo_style.css。

margin-right:1%;更改为margin-right:21.9592%