Css 为什么在调整窗口大小时，我的div中的内容不保持不变？

我有这一页：

---

它在大屏幕（桌面）上看起来与预期的一样，但问题是，当窗口的大小缩小到小屏幕宽度时，“同意”和“不同意”标签开始占据自己的行，而不是很好地放置在滑块的同一行上的滑块前后。我一辈子都不明白他们为什么这么做，因为可用宽度应该足够了。善良的灵魂能帮忙吗？

这是因为CSS中有一个显示：块定义：

@media screen and (max-width: 800px)
.ui.form .choice-text {
  padding: 0;
  display: block;
}

---

如果删除显示：块，它应该可以工作。

使用

宽度：100%

而不是

宽度：500px

，例如在第1列的div上。

很高兴我能帮上忙！：）谢谢你，帕迪！Pierrezz向我指出了问题的根源。