이 번역은 완료되지 않았습니다. 이 문서를 번역해 주세요.

Summary

명시된 media query string 의 분석 결과들을 나타내는 새로운 MediaQueryList 객체를 반환합니다.

Syntax

mql = window.matchMedia(mediaQueryString)

mediaQueryString 은 새로운 MediaQueryList 객체를 반환할 media query 를 나타내는 string 입니다.

Example

if (window.matchMedia("(min-width: 400px)").matches) {
  /* the viewport is at least 400 pixels wide */
} else {
  /* the viewport is less than 400 pixels wide */
}

이 code 는 window 가 매우 좁을 때, 다르게 처리할 수 있도록 해줍니다.

추가 예시들은 Using media queries from code 를 확인하세요.

Specifications

Specification Status Comment
CSS Object Model (CSSOM) View Module
The definition of 'Window.matchMedia()' in that specification.
Working Draft Initial definition

Browser compatibility

 

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidEdge MobileFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
Basic supportChrome Full support 9Edge Full support YesFirefox Full support 6IE Full support 10Opera Full support 12.1Safari Full support 5.1WebView Android ? Chrome Android ? Edge Mobile Full support YesFirefox Android Full support 6Opera Android Full support 12.1Safari iOS Full support 5Samsung Internet Android ?

Legend

Full support  
Full support
Compatibility unknown  
Compatibility unknown

 

See also

문서 태그 및 공헌자

이 페이지의 공헌자: dragmove
최종 변경자: dragmove,