CSS Viewport Units

Avatar of Chris Coyier
Chris Coyier on

Try Mailchimp today. MailChimp Tracking Pixel

Deep dive from Ahmad. I like the coverage of vmin and vmax, which I think I don’t reach for as often as I should.

I’m thinking that if you are doing something highly directional (e.g. a full bleed trick), then directly using vw is necessary. On the other hand, if you’re doing a calculation where the goal is to generally factor in viewport size (like fluid margins/gaps or fluid type) that using vmin might be more appropriate. For example, if a user has a browser window that is currently quite wide, but very short, they probably don’t need massive header text like a vw-only calculation might come up with.

Direct Link →