matchMedium

Summary

Indicates whether the document currently matches a media query.

Method of css/media_queries/apis/StyleMediacss/media_queries/apis/StyleMedia

Syntax

var matchesMedia = window.styleMedia.matchMedium(/* see parameter list */);

Parameters

mediaQuery

Data-type

String

The media query to match.

Return Value

Returns an object of type BooleanBoolean

Boolean

Returns whether the media type of the document matches the media type that the mediaQuery parameter specifies.

Notes

The mediaQuery parameter can contain a string that specifies a media type, an optional well-formed Cascading Style Sheets (CSS) media query, or both. For more information on Media Queries, see Media Queries.

See also

Related articles

CSSOM

• href

• media

• CSSKeyframeRule

• keyText

• style

• CSSKeyframesRule

• cssRules

• deleteRule

• findRule

• insertRule

• name

• CSSMediaList

• appendMedium

• deleteMedium

• item

• mediaText

• CSSMediaRule

• cssRules

• deleteRule

• insertRule

• media

• CSSNamespaceRule

• namespaceURI

• prefix

• CSSOM View

• CSSRule

• cssText

• parentStyleSheet

• type

• getPropertyPriority

• clipLeft

• clipRight

• clipTop

• cssFloat

• fontWeight

• hasLayout

• height

• href

• imports

• innerWidth

• isAlternate

• isPrefAlternate

• item

• length

• media

• offsetX

• offsetY

• outerHeight

• outerWidth

• pageX

• pageXOffset

• pageY

• pageYOffset

• pixelBottom

• deviceXDPI

• deviceYDPI

• fontSmoothingEnabled

• height

• style

• type

• styleSheet

• addImport

• blockDirection

• cssRules

• cssText

• ownerNode

• removeImport

• removeRule

• matchMedium

• getComputedStyle

• innerHeight

• styleMedia

Media Queries

• Responsive Web Design

• <resolution>

• accelerator

• MediaQueryList

• MediaQueryListListener

• StyleMedia

• addListener

• handleChange

• matchMedia

• matchMedium

• matches

• media

• type

• removeListener

• Colors by

• device-height

• filter

• ms-interpolation-mode

• behavior

Related pages

• StyleMediaStyleMedia
• <b/>
• CSS3 Media Queries ModuleCSS3 Media Queries Module
• Internet Explorer Test Drive: CSS3 Media QueriesInternet Explorer Test Drive: CSS3 Media Queries
• CSS3 Media Queries (IE Team Blog post)CSS3 Media Queries (IE Team Blog post)
• Respond to Different Devices With CSS3 Media Queries (Script Junkie)Respond to Different Devices With CSS3 Media Queries (Script Junkie)

Attributions

• Microsoft Developer Network: [Windows Internet Explorer API reference Article]