随着窗口大小减小到 500 像素，滑块向左拉

【问题标题】：slider pulls to the left as window size decreases to 500px随着窗口大小减小到 500 像素，滑块向左拉
【发布时间】：2019-09-22 00:24:32
【问题描述】：

尝试为我们的城镇建立一个 wordpress 网站。响应式设计有一些问题。该页面运行良好，直到我们将窗口的宽度缩小到 596 像素。此时右侧的文本开始占用更多的垂直空间，而滑块开始占用更少的水平空间。

无法创建有效的 sn-p，因为这是使用 wordpress 插件，但这里是相关页面的链接：

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

非常感谢任何有关如何解决此问题的帮助或建议。

【问题讨论】：

标签： css wordpress responsive-design

【解决方案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%;
}

【讨论】：