Media query to detect full screen mode!

dabblet.css

/**
 * 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;
	font-size: 10vh;
}

html {
	height: 100vh;
	animation: fix-vh 1s;
}

@media screen and (min-device-width: 90vw) and (min-device-height: 90vh) and (max-device-width: 110vw) and (max-device-height: 110vh) {
	body {
		background: green;
	}
	
	body::before { content: "Full screen!!" }
}

@keyframes fix-vh {
	from {
		font-size: 1em;
	}
	50% {
		font-size: 1.0001em;
	}
	to {
		font-size: 1em;
	}
}

dabblet.html

test

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}