Javascript 将屏幕大小调整为768px时，导航更改样式

我正在建立移动导航。当屏幕尺寸小于768px时，它将保留在黑色标题中。 只要站点宽度为768，导航栏就会显示在黑色标题外的行中。 我希望这个导航始终保持在黑色标题，当屏幕大于768px时不改变样式。我该怎么做

我玩过768的媒体要求，但似乎没什么用。

你可以这样试试

@media only screen and (min-width: 768px) {
   //Put some css here that will make nav to stay in the black header
} 

---

我的js fiddle使用了

@media

CSS，请看我的代码，我已经使用了@mediaquires。嗨，问题是，我的代码上已经有了mediaquires。当我试图修改mediaquires时，没有任何效果。我认为您的媒体查询写得太多了。使用！对你的css很重要。将媒体查询放在css的最后一行。