Html div内容没有响应

我在一个由另一个人开发的网站上工作。这个网站是用wordpress设计的，它覆盖了一个基本主题（blankslate）。这是链接：

---

有一个问题。调整浏览器窗口的大小时，可以看到白色背景的div有响应，但没有响应。在手机上，这个问题更加明显。我找不到解决办法。管理图像幻灯片的插件可能有问题（Photorati的NextGEN Gallery）

首先，我想我们应该清楚，这个网站是用html、css、php、js等制作的——所以WordPress真的很不相关

网站的大部分内容并不是以响应的方式进行规划的，但是白色分区的具体问题是，它是响应的，但是其中的滑块-不是响应的，并且使用绝对定位-因此它的位置从父分区中脱落，然后使内容比白色分区更宽，因此比窗户本身还宽

在inspector中做了一些快速的动作——滑块实际上有点“反应灵敏”

替换

.wrapper {
  width: 960px !important;
  ...

与

---

这会让你更接近…

问题出在这个文件中：

有许多CSS样式，上面有“！important”。例如：

wrapper {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    vertical-align: top;
    width: 940px !important;
}

---

这个容器的宽度将始终是940px，以您现在的方式。在Firebug“修复”的“品牌”部分关闭此样式。CSS中有许多问题会影响响应行为

在设计响应性站点时，请确保在定义宽度时使用%age，而不是像（940px）这样的像素。bcoz它根据您当前的设备大小以%年龄排列您的div，但在定义

宽度：940px

时，无论您的屏幕大小，它都会占用该宽度。

请阅读有用的标签弹出窗口，然后再将其贴在帖子上。这与SO中定义的无关。谢谢！这对我有帮助，但在手机上不起作用。白色div的宽度不正确。

wrapper {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    vertical-align: top;
    width: 940px !important;
}