CSS mediálne dotazy pomocou aktuálny štýl div - css, media-dotazy

Môžem použiť dotazy médií s aktuálnym štýlom div takto:

.myDiv {
anyStyle : ...;

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

}

Našiel som niekoľko stránok, ale tam som povedal len pomocou okna params. ak niekto vie, ako používať médiá, povedzte mi o tom Videl som odkazy:

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/

odpovede:

Mali by ste tak urobiť takto:

.myDiv {
/* your styles */
}

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

Na iba spôsob, ako pracovať s media dotazov je spoliehať sa na zariadenia typu (obrazovky, vytlačiť atď.) a/alebo zariadenia šírka (min. šírka, max šírkou).

Nie.

Môžete "t použiť mediálne dotazy skontrolovať šírku položky na svojich webových stránkach.Mediálne dotazy iba skontrolovať zobrazenia premenných, ako šírka a výška.Mali by ich používať na kontrolu akej obrazovke svoje užívateľské má a nie aký štýl ste použili vaše div.