我有这个代码片段，它在Vue组件的作用域样式中被忽略。

        nav {
            background: none;
            box-shadow: none;

            .sidenav-trigger {
                background: none;
                border: none;
                cursor: pointer;

                i {
                    color: #f8f9fa;
                    font-size: 36px;
                }
            }
        }
    }

    @media (max-width: 768px) {
        nav {
            background: #f8f9fa;

            .sidenav-trigger {
                i {
                color: rgba(0, 0, 0, 1);
                }
            }
        }
    }

尝试使用min-width和其他css专用性的东西，但不幸的是，它们都不起作用。 此外，我使用了不同的浏览器进行了进一步的探索，但它与问题没有任何关系。 另外，我还没有忘记在index.html文件中放入viewport标记。 如有任何帮助将不胜感激，谢谢。