css - Bootstrap Toggle 推文无法在智能手机上正确显示

Question

www.anchoreducation.co.uk

我建立的这个网站是响应式的。它以 bootstrap 3.0 为基础，在智能手机上查看时，右侧栏默认隐藏，主页上显示一个小切换按钮。

如果在纵向手持的智能手机上查看网站并按下切换按钮，则不会显示所有内容。它切断了推文提要， Logo /推荐仅可见。但是，如果在智能手机上以横向方式查看网站，则一切正常。

我的客户和我一样急于修复这个表面错误，但我无法找出代码中的错误。如果有人可以提供帮助，我将不胜感激。谢谢!

Answer 1

我可以看到你正在使用 offcanvas 但它已经被修改了 - 你可以将它添加到 off canvas.css

@media screen and (max-width: 767px) and (orientation : portrait) {
    .row-offcanvas-right.active {
        right: 70%;
    }
    .sidebar-offcanvas {
        width:66%
    }
    .row-offcanvas-right .sidebar-offcanvas {
        right: -65%
    }
}

如果设备是纵向的，它会为右框创造更多的空间。