Css “我的表单”字段的响应性没有'；我不能正常工作

我正在开发我的第一个网站，我在搜索表单中遇到了字段响应问题。我使用Wordpress主题和插件，并用自己的样式覆盖它们的样式

更改浏览器窗口的大小时，“价格”和“建筑面积”字段组的行为与预期不符。我为每个浏览器大小创建了媒体查询，这些浏览器的大小打破了结构，但看起来我需要大约10个单独的查询，甚至更多，我认为这是不合适的。 （例如，我有一个最大宽度780px的查询，然后似乎我必须为最大宽度767px创建另一个查询，因为对于该浏览器大小，结构再次被破坏）

我已经修改了主题/插件的原始CSS代码，但我不明白问题来自何方。 我做错了什么？ 提前谢谢你！

---

不要按照窗口大小编写css。为所有屏幕大小设置%宽度。对于移动设备，将输入字段逐个显示为100%

谢谢你，塞尔瓦库马尔！也许我不理解你的意思，但是：谢谢你，塞尔瓦库马尔！也许我不能正确地理解你。所有的字段都是以百分比表示的宽度，我没有使用像素作为它们的单位。如果我按照您的建议将输入字段显示为一个接一个的宽度为100%，在带有最小/最大内置区域文件的行上，我将有两个字段，每个字段的宽度为100%，因此设计再次中断。价格行的情况也一样，其中有3个独立的字段。如果我的问题是业余的，请原谅！：）