CSS3计算div的高宽

之前都是用js计算div的高宽

var global_width = ($(window).width());
var info_height = global_width/750*230;

现在看了些资料,发现用css也是可以实现的.通过查阅网上的资料，对CSS3又有了新的认识，css对于数值的计算是使用的calc()然而这个方法有的浏览器不支持，需要稍微做一下适配

.elm {
    /*Firefox*/
    -moz-calc(expression);
    /*chrome safari*/
    -webkit-calc(expression);
    /*Standard */
    calc();
 }

获取屏幕宽度

.slide {
    width: 100vw;
}
.info_img{
    height:calc(100vw / 750 * 230);
}