materialize css：即使在手机上也总是显示侧面导航？

Question

我正在使用materialize css。我正在使用侧面导航，并希望即使在移动设备上也可以看到。我正在使用以下代码，但它不起作用。

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

它一直隐藏在小屏幕上。

Answer 1

Materialise使用CSS转换来显示/隐藏侧面导航，因此更改可见性或不透明度对此无效。一个非常快速的解决方案就是将translateX转换修复为0.这应该使您的导航始终可见。

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