当前格样式使用CSS媒体查询

我可以使用媒体查询与当前格的风格，也许这样的：当前格样式使用CSS媒体查询

.myDiv { 
    anyStyle : ...; 

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

}

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

其实，你的问题是[XY问题]（http://meta.stackexchange.com/questions/66377/what-is-the-xy-problem）。请解释你在这里的意义。我的意思是你想要达到什么，真的。 – matewka

在我的情况下，div取决于div的缩放比例，并且缩放与窗口宽度无关 –

您是否想要将'.myDiv'的'height'设置为相对于其'width'？ – matewka

你应该这样做的：

.myDiv { 
    /* your styles */ 
} 

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

仅与媒体查询工作方式是依靠设备类型（屏幕，打印等）和/或设备宽度（最小宽度，最大宽度）。

2013-11-20 12:34:49 matewka

'min-width'是否意味着'myDiv.width'？ –

@UlugbekKomilovich no。它意味着窗口宽度。 – matewka

我只想用'myDiv'工作！ –

编号

您不能使用媒体查询来检查网站上的项目宽度。媒体查询只检查宽度和高度等视口变量。你应该使用它们来检查你的用户有什么样的屏幕，而不是你已经应用到你的div的风格。

2013-11-20 12:37:07 Dharman

回答