在 styles.css 中，我使用了媒体查询，这两种查询都使用以下变体：

/*--[ Normal CSS styles ]----------------------------------*/

@media only screen and (max-width: 767px) {

    /*--[ Mobile styles go here]---------------------------*/
}

当我缩小窗口时，网站会在常规浏览器（Safari、Firefox）中调整为我想要的布局，但是手机上根本没有显示移动布局。相反，我只看到了默认的 CSS。

谁能指出我正确的方向？