Javascript jquery中的css函数@media screen和(最大宽度:768px)有什么特别之处吗?

Javascript jquery中的css函数@media screen和(最大宽度:768px)有什么特别之处吗?,javascript,jquery,css,Javascript,Jquery,Css,媒体屏幕和(最大宽度:768px)的css功能是否存在任何主动性? 我做了一个反应灵敏的导航。但是,当我在移动屏幕大小上将一个元素的显示从“无”切换到“块”时,它也会显示在初始屏幕大小上。有没有办法避免这种情况?也许您没有按照正确的顺序声明CSS规则,但无论如何,您没有提供任何代码,因此我们不知道 您必须进行以下微调—@仅介质屏幕和(最大宽度:768px)。下面是一个代码示例和一个JS提琴-尝试调整浏览器窗口的大小,您将看到CSS规则将在调整大小后应用 <div id="myElement

媒体屏幕和(最大宽度:768px)的css功能是否存在任何主动性?
我做了一个反应灵敏的导航。但是,当我在移动屏幕大小上将一个元素的显示从“无”切换到“块”时,它也会显示在初始屏幕大小上。有没有办法避免这种情况?

也许您没有按照正确的顺序声明CSS规则,但无论如何,您没有提供任何代码,因此我们不知道

您必须进行以下微调—
@仅介质屏幕和(最大宽度:768px)
。下面是一个代码示例和一个JS提琴-尝试调整浏览器窗口的大小,您将看到CSS规则将在调整大小后应用

<div id="myElement">
  <p>
    hello
  </p>
</div>

JS Fiddle示例:

不清楚您到底在寻找什么。但是它可以通过css来完成。
#myElement {
   display: none; 
}

@media only screen and (max-width: 768px) {
  body {
    background-color: lightblue;
  }
  #myElement {
    display: block;
  }
}