h1 {font-size: 4vw;}

by Damiaan Peeters 3. September 2012 22:28

Not that I am a CSS guru.  Far from…  But these type of measuring got me thinking about mobile design.  It opens a lot of opportunities to get your site easier readable on mobile devices…

  • Vw means viewport width,
  • Vh becomes the viewport height
  • Vmin for the smallest of the two above (vw & vh)

Browser support currently: Chrome20+, Safari 6 en IE9. (or check here for more up-to-date information http://caniuse.com/viewport-units).


Certified Umbraco Master, Part of Umbraco Certified partner comm-it, .Net and Azure developer, seo lover. Magician in my spare time.

Month List