wordpress - JS Wide Showcase 无法在移动设备上全宽展开的问题

Question

我正在 build 这个网站 http://www.saraswati.co.uk

如果你在这里查看:

http://www.saraswati.co.uk/?page_id=12

您会看到我正在使用 Wide Showcase Wordpress 插件，该站点是使用 Bootstrap 在 Wordpress 中构建的并且是响应式的。

一旦您到达 Bootstrap 767px 断点下方，就会有一些 CSS 代码在某处导致页面拉伸(stretch)超出 Wide Showcase 的宽度，我想阻止它。

因此，如果您在移动设备上查看，其他任何地方都很好，您会在右侧看到由某些 CSS 造成的大约 60 像素的主页背景。

我已经测试了在 Web Inspector 中打开和关闭各种 CSS 设置，但还没有找出导致问题的原因。

很有帮助。

Ant

Answer 1

尝试覆盖一些 Wide Showcase Wordpress 插件的样式。

@media ( max-width: 767px ) and ( min-width: 0px ) {
    .wdRegularSliderMin {
        margin-left: 0;
        margin-right: 0;
    }
}

body {
    width: auto;
}

将其添加到您的 WordPress 主题的 style.css 将摆脱您在手机和平​​板电脑屏幕尺寸上看到的水平滚动条。