我知道的CSS 3个单位vw,vh和vm,这似乎是制造具有自己的箱尺寸和文字大小相对于浏览器的视口大小的元素是有用的.然而,遗憾的是,目前的主流浏览器并没有很好地支持这些功能.只有Internet Explorer 9+可以.
我还可以使用哪些其他方法来font-size处理与视口一起缩放的CSS 属性?如果可能的话,我想避免使用JavaScript和/或jQuery解决方案.
我有这段代码
.image.medium {
width:10vmin;
height:10vmin;
}
.image.small {
width:6vmin;
height:6vmin;
}
.image.medium.as_big {
margin:5vmin;
}
.image.small.as_big {
margin:7vmin;
}
Run Code Online (Sandbox Code Playgroud)
你可以看到它包含那些"vmin"单元,它们在IE9上没有用,因为它使用"vm".
我的计算机中没有IE就像检查一样,无论如何都是linux计算机,所以我不知道如何让这个css可以被IE9和其他浏览器使用.
我也在想,我应该使用javascript解决方法吗?我只想要vmin,根据http://caniuse.com/#feat=viewport-units这么多浏览器不支持它,我希望能够缩放.