Question

css功能@media屏幕是否有任何主动性，并且存在（最大宽度：768px）？我做了响应式的导航。但是，当我将元素的显示从无显示切换到移动屏幕尺寸的阻止时，它也会出现在初始屏幕尺寸上。有什么办法可以避免这种情况？

Answer 1

也许您没有以正确的顺序声明CSS规则，但是无论如何您都没有提供任何代码，所以我们不知道。

您必须进行以下轻微调整-@media only screen and (max-width: 768px)。下面是一个代码示例和一个JS小提琴-尝试调整浏览器窗口的大小，您将发现调整大小后将应用CSS规则。

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

-

#myElement {
   display: none; 
}

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

JS Fiddle示例：https://jsfiddle.net/1dqxkgyt/3/

对css函数@media屏幕和jquery中的（max-width：768px）有什么启发吗？

1 个答案: