Question

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

但是，我正在开发一个网页设计应用程序，我想知道是否可以使用媒体查询来检测元素宽度是否为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");
  }
});

Answer 1

这就是你要找的东西

 <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" />

css3 @media only选择器

1 个答案: