I made a version of this with a monospace font and also a placeholder, so you can write code or a movie script in it!
data:text/html, <textarea placeholder="just start typing..." style="font-family: monospace; font-size: 1.5em; width: 100%; height: 100%; border: none; outline: none" autofocus />
This is brilliant! It's what CSS should always have had.
This is what Bootstrap 3 does when you use the img-responsive class. The snippet works great if you're not using Bootstrap.
That wouldn't hurt, but, given that it's always going to be a number between 0 and 2, is a strict equal operator really neccessary?