1

我在我的网站上使用了使用引导程序的表单,但是当我水平调整网站大小时,我发现网站上的所有元素都按预期运行,并且随着宽度的减小而调整大小。

这是链接:http ://www.bestcastleintown.co.uk/wp/contact/

但是,表单元素在调整大小时不会调整大小以适应窗口。为了说明问题:

在此处输入图像描述

4

1 回答 1

0

我以前用 Bootstrap 遇到过这个问题。在大多数情况下,表单输入字段在 Bootstrap 之外都有一个设置宽度,这并没有说明他们父母的宽度。这意味着可以完全按照您所看到的情况来了解它们的流动范围超出了应有的范围。

我倾向于根据具体情况(即:逐个项目)来解决这个问题,因为每次表单的布局都不可避免地会略有不同,并在每个断点分别调整表单输入(直到手机/平板电脑之间的流动宽度,我只是让它们都流动起来)。

通过查看您的预览链接,值得一提的是,您似乎在某处(可能在您用来制作联系表格的 WP 插件中)有一些 JavaScript,它正在动态更改输入的宽度,而不是依靠你的 CSS。

截屏

它看起来表现不错,尽管您可能会遇到日期选择字段的问题,因为当它们像这样并排放置时(相当宽)宽度。

于 2013-05-24T06:43:32.960 回答