当窗口大小减小到500px时，滑块向左拖动

Question

试着为我们镇上建一个wordpress网站。对响应式设计有一些问题。在我们将窗口的宽度缩小到596px之前，页面运行得很好。在这一点上，右边的文本开始占据更多的垂直空间，而滑块开始占据更少的水平空间。

无法创建工作代码片段，因为这使用的是wordpress插件，但这里有一个指向相关页面的链接：

https://www.sustainablewestonma.org/our-story-2/

任何关于如何修复这个问题的帮助或建议都是非常感谢的。

Answer 1

如果我没理解错的话。将您的vw更改为%，然后根据需要进行相应的调整。它似乎解决了这个问题。

.os-left {
    margin-top: 1.5%;
    width: 45%;
    margin-right: 1%;
    margin-left: 1.5%;
    margin-bottom: 2.5%;
}
.os-right {
    width: 45%;
    margin-right: 1.5%;
    margin-left: 1.5%;
}

你可能也不想让你的body发生移位，所以用min-width: 95%代替min-width: 500px来解决这个问题；

html, body {
    min-width: 95%;
}