html - CSS:如何在IE9中使用vmin单元？

我有这段代码

.image.medium {
    width:10vmin;
    height:10vmin;
}

.image.small {
    width:6vmin;
    height:6vmin;
}

.image.medium.as_big {
    margin:5vmin;
}

.image.small.as_big {
    margin:7vmin;
}

正如您所看到的，它包含那些“vmin”单元，这些单元在IE9上不可用，因为它使用“vm”。
我的电脑里不喜欢检查IE，反正它是linux电脑，所以我不知道如何让这个css在IE9和其他浏览器上都可用。
我也在想，我应该改用javascript解决方案吗？我只想要vmin，因为很多浏览器都不支持它，我希望能够缩放。

最佳答案

通常，标准声明应该放在非标准/实验特性之后。
例如，在这种特殊情况下，应该是：

.image.medium {
    width: 10vm;   /* fallback for IE9 */
    width: 10vmin;

    height: 10vm;  /* fallback for IE9 */
    height: 10vmin;
}

后一种声明由支持vmin的现代web浏览器解释。前一个声明是后一个声明的后盾。
跨浏览器解决方案
也有用于视区相对长度的多边形填充，例如：
vminpoly由Sebastian Ferreyra-一种CSS单元vw，vh&vmin的多边形填充。
Prefixfree - Viewport Relative Units Plugin由Lea Verou-Apolyfill为vw、vh和vmin撰写。
Viewport Units Buggyfill作者Rodney Rehm-用于viewportvh，vwvmin，vmax的polyfill，用于Mobile Safari。
Is there any cross-browser javascript for making vh and vw units work

关于html - CSS:如何在IE9中使用vmin单元？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/29371072/