@media宽度组件

Question

我想创建一个CSS规则，因此只有当窗口大小低于980px时才会隐藏div“.ise”。我不能创建一个反函数，因此它显示何时（min-width：980px）。我创建了这个规则，但它不起作用我真的很感谢你的帮助。

@media(max-width:980px){
  .ise{
     display: none;
  }
}

Answer 1

您的代码是正确的并且正常运行 @media适用于窗口大小。因此，当您调整浏览器窗口的大小时，其宽度会发生变化 使用以下代码调试窗口宽度：

<a onclick="alert($(window).width());">hi</a>

在jsFiddle

中试用

Answer 2

您可以使用LESS，一种用于样式化文档的动态语言 你可以在里面使用javascript 或者如果您不想使用LESS，请参阅this link