materialize css：即使在移动设备上也总是显示侧边导航？

Question

我正在使用物化css。我正在使用侧边导航，并希望即使在移动设备上也能看到。我为此使用了以下代码，但它不起作用。

@media only screen and (max-width: 992px) {
    .side-nav{
        visibility: visible;
        opacity: 100;
    }
}

它一直隐藏在小屏幕上。

Answer 1

Materialize 使用 CSS 转换到 show/hide 侧边导航，因此改变可见性或不透明度在这里对您没有帮助。一个非常快速的解决方案是将 translateX 转换固定为 0。这应该使您的导航始终可见。

.side-nav {
    transform: translateX(0%) !important;
}