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