css3 - How to write css fallbacks for vh vw -

Can anyone explain how fallbacks work in the CDs? I am trying to establish it for VH and VW and obviously I am not getting it ...

My effort here is a solution, which does not work. The height of the property is taken every time.

CSS:

  -WebKit-height: 5.2VH; -Most-height: 5.2 VH; -MMS-height: 5.2 VH; -o-height: 5.2 VH; Height: 41px; / * Fallback * /  

Your code (and why does not it work)

By looking at my original code, I have a few comments:

  -Winkit-height: 5.2 VH; -Most-height: 5.2 VH; -MMS-height: 5.2 VH; -o-height: 5.2 VH; Height: 41px; The name of the prefix,  -webkit -  bit, only  if  has a prefix property on it / * fallback * /  

. There is no prefixel property in height, so browsers ignored those announcements.

(Suggestion: You can examine some of the properties that exist.)

Solution:

In this case, we gain the benefit Can afford that, if browsers have to face an asset or a price , which they can not understand, they ignore it and then move on, whatever you are looking for It's something like this:

  height: 41px; Height: 5.2 VH;  

The browser sees height: 41px , parsing it as it is expected, and knows what to do with it. Then, it looks at height: 5.2 VH . If the browser understands the vh unit, then it can be used instead of 41px, like color: blue; Color: red; will become red if this vh unit is not understood, it will ignore it, and because we used to define the fallback before, the fact that the browser VH ignores the case.

Understand?