使用当前div样式的Css Media查询

Question

我可以使用当前div风格的媒体查询吗：

.myDiv {
  anyStyle : ...;

  @media (myDiv's width > 100px) {
    height: 40px;
  }

}

我发现了几页，但是只说使用了窗口参数。 如果有人知道如何使用媒体，请告诉我 我看到了链接：

1. http://www.w3schools.com/css/css_mediatypes.asp
2. https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries
3. http://mobile.smashingmagazine.com/2010/07/19/how-to-use-css3-media-queries-to-create-a-mobile-version-of-your-website/

Answer 1

没有

您无法使用媒体查询来检查网站上项目的宽度。媒体查询仅检查视口变量，如宽度和高度。您应该使用它们来检查您的用户使用的屏幕类型，而不是您应用于div的样式。

Answer 2

你应该这样做：

.myDiv {
    /* your styles */
}

@media only screen (min-width: 100px) {
    .myDiv {
        /* other styles */
    }
}

使用媒体查询的唯一方式是依靠设备类型（屏幕，打印等）和/或设备宽度（ min-width ， max-width ）。