Question

我有这段代码

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

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

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

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

如你所能，它包含那些＆＃34; vmin＆＃34;单位，在IE9上没有用，因为它使用＆＃34; vm＆＃34;。

我的计算机上没有IE浏览器，无论如何都是Linux计算机，所以我不知道如何让IE9和其他浏览器都可以使用这个css

另外我在想，我应该使用javascript解决方法吗？我只想要vmin，根据http://caniuse.com/#feat=viewport-units它不支持这么多浏览器，我希望能够缩放。

Answer 1

通常，标准声明应放在非标准/实验性功能之后。

例如，在这种特殊情况下应该是：

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

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

后一种声明由支持vmin的现代网络浏览器解释。前一个声明是后者的后备。

跨浏览器解决方案

还有用于视口相对长度的polyfill，例如：

vminpoly - CSS单位的填充vw，vh＆amp; vmin。
Prefixfree - Viewport Relative Units Plugin - vw，vh和vmin的{{3}}。
polyfill - 适用于移动Safari的视口vh，vw vmin，vmax的填充。
Viewport Units Buggyfill

CSS：如何在IE9中使用vmin单元？

1 个答案:

跨浏览器解决方案