窗口大小减小到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%;
}