Jquery css3@media-only选择器

我只使用媒体查询来处理document.width

然而，我正在开发一个web设计应用程序，我想知道是否可以使用媒体查询来检测元素宽度是否为769px

这里有一个例子

@media only #dynamic-storage (min-width: 769px) {
  .is-displayed-mobile {
    display: none;
  }
}

我想知道是否有使用媒体查询的纯CSS解决方案，或者我必须在JQuery中执行以下操作

$(window).on("load resize", function() {
  if ( $("#dynamic-storage").width() > 768 ) {
    $("link[href=\"assets/polyui-small.css\"]").attr("href","assets/polyui.css");
  } else if ( $("#dynamic-storage").width() < 768 ) {
    $("link[href=\"assets/polyui.css\"]").attr("href","assets/polyui-small.css");
  }
});

$（窗口）.on（“加载调整大小”，函数（）{
if（$（“#动态存储”）.width（）>768）{
$（“link[href=\“assets/polyui small.css\”]”）attr（“href”，“assets/polyui.css”）；
}else if（$（“#动态存储”）.width（）<768）{
$（“link[href=\“assets/polyui.css\”]）attr（“href”，“assets/polyui small.css”）；
}
});

这就是您要找的

 <link rel="stylesheet" media="screen and (min-width: 768px)" href="polyui.css" />


 <link rel="stylesheet" media="screen and (max-width: 768px)" href="polyui-small.css" />

这不是重复的imo。我相信

#动态存储

的宽度与

正文

的宽度相同，他需要根据宽度包括样式表。链接的“复制”不能回答这个问题。@knitevision请随时发布您的答案。这将无法作为

#动态存储的宽度是主浏览器宽度的-400px

。经过更多的研究，我后来发现，我想做的是不可能与CSS单独作为媒体查询处理设备的浏览器或文档/窗口与。不过，我会接受答案，并感谢您的时间和考虑。