html - How does calc() CSS property degrade in older browser -


Given that calc () is well compatible with CSS properties rather than most browsers (cf)

I was still wondering how it decreases in older browsers, especially on the Android browser, because only the final version seems to handle it well. I do not care too much about IE support

This is a common question, but this is a small example

I wonder how these properties will get out:

  Width: Calc ( 100% - 50px); Height: Calc (100% - 50px);  

Browsers that do not support CSS3 calc announcement Ignore where an unrecognized value is seen. It will be as if you have never included them in the CSS file.

The result in your Bela will be this way:

When you want to set up a fallback for browsers that do not support it calc So your CSS should be:

  width: 600px; / * Do not use Fallback support Calc for browser / width: -WebKit-Calc (100% - 50px); Width: -Moz-Calc (100% - 50px); Width: Calc (100% - 50px);  

Comments

Popular posts from this blog

sqlite3 - UPDATE a table from the SELECT of another one -

c# - Showing a SelectedItem's Property -

javascript - Render HTML after each iteration in loop -