我的表单字段的响应性无法正常工作

时间:2015-04-09 11:39:33

标签: css wordpress responsive-design

我正在我的第一个网站上工作,我在搜索表单中遇到了字段响应的问题。我使用Wordpress主题和插件,我用我自己的方式覆盖他们的风格。

" Price"" Build-Up Area"的字段组当我更改浏览器窗口的大小时,不要按预期行事。我为每个破坏结构的浏览器大小创建了媒体查询,但似乎我需要大约10个单独的查询,甚至更多,我认为这是不合适的。

(例如,我有一个查询max-width 780px然后看来我必须为max-width 767px创建另一个,因为对于那个浏览器大小,结构再次被破坏)。

我有红色主题/插件的原始CSS代码,但我无法理解问题的来源。 我究竟做错了什么? 先感谢您! my website

1 个答案:

答案 0 :(得分:0)

不要根据窗口大小编写css。为所有屏幕尺寸设置宽度,以%为单位。对于移动设备,将输入字段逐个宽度显示为100%。