CSS viewport units compatibility

It seems vw, vh, vmin, and vmax are only compatible on some modern browsers (Opera 15, Firefox, Chrome, Blackberry 10, IE10, iOS).

What is the prevailing advise on making use of these great additions while still providing backup support for older browsers in the same stylesheet?

asked 07 Jan '14, 03:42

Ryan-11's gravatar image


accept rate: 0%

One Answer:

The best advice I can give is to use a backup version with percentages, but that requires careful specifying at all levels. The browser support for viewport units is actually pretty good, though; only a problem on older mobile browsers.


answered 07 Jan '14, 17:41

C%20Wilson's gravatar image

C Wilson ♦♦

Remember, percentages are percentages of the parent element, which might not be the full width of the screen.

(21 Jan '14, 08:36)

Rick Holmes

Rick%20Holmes's gravatar image

Markdown Basics

  • *italic* or _italic_
  • **bold** or __bold__
  • link:[text](http://url.com/ "Title")
  • image?![alt text](/path/img.jpg "Title")
  • numbered list: 1. Foo 2. Bar
  • to add a line break simply add two spaces to where you would like the new line to be.
  • basic HTML tags are also supported



Asked: 07 Jan '14, 03:42

Seen: 401 times

Last updated: 21 Jan '14, 08:36