matchMedium

• Comments from section
• All comments
• Help

WebPlatform Docs welcomes all comments. If you want to comment, please register or log in. It is free.

This tool helps to make and review comments inline.

How to Use

insert instructions, with images, here

matchMedium

This page has been flagged with the following issues:

High-level issues:

• Needs Topics

• Missing Relevant Sections

• Data Not Semantic

• Unreviewed Import

Content:

• Incomplete

• Not Neutral

• Compatibility Incomplete

• Examples Best Practices

• Cleanup

Summary

Indicates whether the document currently matches a media query.

Method of css/media_queries/apis/StyleMedia

Syntax

var matchesMedia = window.styleMedia.matchMedium(mediaQuery);

Parameters

mediaQuery

Data-type: String

The media query to match.

Return Value

Returns an object of type Boolean.

Needs Examples: This section should include examples.

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.

Compatibility

Desktop

Feature	Chrome	Firefox (Gecko)	Internet Explorer	Opera	Safari
Basic support	?	?	?	?	?

Mobile

Feature	Android	BlackBerry	Chrome for mobile	Firefox Mobile (Gecko)	IE Mobile	Opera Mobile	Opera Mini	Safari Mobile
Basic support	?	?	?	?	?	?	?	?

See also

Related articles

CSSOM

• css/cssom/CSSImportRule/href

• css/cssom/CSSImportRule/media

• css/cssom/CSSKeyframeRule

• css/cssom/CSSKeyframeRule/keyText

• css/cssom/CSSKeyframeRule/style

• css/cssom/CSSKeyframesRule

• css/cssom/CSSKeyframesRule/cssRules

• css/cssom/CSSKeyframesRule/deleteRule

• css/cssom/CSSKeyframesRule/findRule

• css/cssom/CSSKeyframesRule/insertRule

• css/cssom/CSSKeyframesRule/name

• CSSMediaList

• appendMedium

• deleteMedium

• item

• mediaText

• css/cssom/CSSMediaRule/CSSMediaRule

• cssRules

• deleteRule

• insertRule

• css/cssom/CSSMediaRule/media

• css/cssom/CSSNamespaceRule/CSSNamespaceRule

• css/cssom/CSSNamespaceRule/namespaceURI

• css/cssom/CSSNamespaceRule/prefix

• CSSOM View

• css/cssom/CSSRule

• cssText

• css/cssom/CSSRule/parentRule

• css/cssom/CSSRule/parentStyleSheet

• css/cssom/CSSRule/type

• CSSStyleDeclaration

• cssText

• getPropertyPriority

• getPropertyValue

• css/cssom/CSSStyleDeclaration/item

• removeProperty

• setProperty

• currentStyle

• css/cssom/imports

• Not implemented anywhere - ignore

• css/cssom/methods/addRule

• createStyleSheet

• getComputedStyle

• css/cssom/methods/getExpression

• msGetPropertyEnabled

• msPutPropertyEnabled

• recalc

• css/cssom/methods/removeExpression

• css/cssom/methods/setExpression

• css/cssom/page

Media Queries

• Responsive Web Design

• css/media queries/accelerator

• css/media queries/apis/MediaQueryList

• css/media queries/apis/MediaQueryListListener

• StyleMedia

• css/media queries/apis/addListener

• css/media queries/apis/handleChange

• css/media queries/apis/matchMedia

• matchMedium

• css/media queries/apis/matches

• css/media queries/apis/media

• type

• css/media queries/apis/removeListener

• Colors by

• device-height

• css/media queries/filter

• css/media queries/ms-interpolation-mode

• behavior

• Targetting styles with media queries

Related pages (MSDN)

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

This article contains content originally from external sources.

Portions of this content come from the Microsoft Developer Network: [Windows Internet Explorer API reference Article]