settings_applicationsEventTarget > settings_applicationsNode > settings_applicationsElement > settings_applicationsHTMLElement > settings_applicationsHTMLMetaElement > settings_applications[[Prototype]]
HTMLMetaElement.prototype.name
프로퍼티의 값이 theme-color
인 경우 미디어 쿼리를 지정한다.
만약에 HTMLMetaElement.prototype.name
프로퍼티의 값이 theme-color
가 아닌 경우 무시된다.
theme-color
는 윈도우즈 O/S가 아닌 모바일 웹브라우저에서 확인이 가능하다. 다음의 경우는 안드로이드 운영체제의 크롬 웹브라우저에서 적용된 결과를 나타낸다.
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="theme-color" content="#FFFF00" media="(max-width: 800px)" />
<meta name="theme-color" content="#FF00FF" media="(min-width: 801px)" />
<title>media attribute</title>
</head>
<body>
<h1>media attribute</h1>
<p>Yout must be test in web browser of mobile</p>
</body>
</html>
htmlMetaElement.media
분류 | 값 | 설명 |
---|---|---|
writable | yes |
©2024 devdic.com, Korea
출처를 밝힌 리소스 이외의 본 레퍼런스에 사용된 모든 생성물의 소유 및 저작권은 devdic.com에 있습니다. 특별히 재배포를 금지한 것 이외는 재배포가 가능하며 반드시 출처를 표기해 주시기 바랍니다.
현재는 베타 버전으로 미등록 및 불완전한 콘텐츠가 일부 있을 수 있습니다. 오류 및 기술 자료 제보(건의)는 언제든지 환영하며 감사드립니다.
기본적으로 W3C 기술 사양을 기준으로 작성하였으며 일반적이지 않은 기술 설명에 대한 내용의 일부는 Mozilla의 MDN web docs에서 도움 받았음을 밝힙니다. 그들을 존경합니다.
master@cydemy.com