By
Peter Wilson
on
- vw + vh === v.nice !
- viewport units are proportional units related to the viewport:
- vw
- vh
- vmin
- vmax
- they’re new, there have been articles telling is this:
- this year
- last year
- 2014
- 2013, and,
- 2012
- viewport units are more supported than flex-box
- vw, vh have been supported widely since IE9+
- half considered browser stats are a contextomy (why drop IE but keep Safari, look at the stats)
- the current browser landscape grew out of IE5 and IE6.
- We forget how groundbreaking the IEs where
- There are 27 units in CSS
- Understanding units allows us to greater understand our environment
- vw: 1/100 of the width of a viewport, vh: 1/100 of height
- relative units can be used to smoothly increase font size.
font-size: calc( 1em + .25vw ) - Mike Riethmuller has written about Precise control over responsive typography
- Viewport units can be used to style websites and ensure they fit in the browser: chess boards, connect four games
- Viewport units will allow you to create a thumbnail of a site by embedding the page as an iframe