Javascript 在响应网格站点中具有全屏幕宽度的背景

我正在为一个客户开发一个响应网格站点（WP Responsive theme的修改版），他们在主页上有一个幻灯片，主页上有一个背景，他们希望将页面/视口的全宽扩展到主背景之上

现在我有这个

#slideshow{
    position: relative;
}
#slideshow:before {
    content:"";
    width:8000px;
    height:100%;
    position:absolute;
    background-image:url('images/bground-tiled.jpg');
    background-repeat: repeat-x;
    left:-3530px;
    z-index:-1;
    box-shadow:
        inset 0px 15px 8px -10px #222,
        inset 0px -15px 8px -10px #222;
}

它在台式机上运行良好，但在手机/平板电脑上，它的屏幕显示为8000px宽，由于边缘的原因，屏幕向右延伸。我需要一个不会以这种方式“破坏”移动视图的解决方案

我也只是想知道正确的方法来实现这一点，以供将来参考。内容在一个960px的容器中，我不能修改站点的整个设计，在滑块部分有一个外部100%的div，而内部div是960px（不幸的是）

下面是一个粗略的例子

---

EDIT:Fiddle:

最后我找不到答案，所以我不得不重做主题的基本结构，并以“正确”的方式执行它

你能在WordPress中进行媒体查询吗？是的，我有一些与此无关的地方，比如@media screen和（最大宽度：980px）{#顶部小部件{边距顶部：2%！重要；}好的，我对此很好奇。您所说的“显示8000px宽的屏幕，并由于边距而向右延伸”是什么意思？您是否尝试过溢出：隐藏？您是否在头脑中设置了任何视口，例如：

要了解更多信息，您需要发布小提琴或我们可以查看的链接。