Skip to content

Instantly share code, notes, and snippets.

@SelenIT
Created April 13, 2015 06:57
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save SelenIT/fb9ec8e72060ff81b085 to your computer and use it in GitHub Desktop.
Save SelenIT/fb9ec8e72060ff81b085 to your computer and use it in GitHub Desktop.
Media query to detect full screen mode!
/**
* Media query to detect full screen mode!
* Y U NO WORK Chrome??
* Firefox, you’re lovely.
*/
body {
background: red;
font: bold 400% Helvetica Neue, sans-serif;
color: white;
}
@media screen and (min-device-width: 95vw) and (min-device-height: 95vh) and (max-device-width: 105vw) and (max-device-height: 105vh) {
body {
background: green;
}
body::before { content: "Full screen!!" }
}
<!-- content to be placed inside <body>…</body> -->
// alert('Hello world!');
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment