如何降低px中VH的值？

Question

CODE JS：

 var windowheight = $(window).outerHeight();
 var meniu= $('.navbar-fixed-top').outerHeight();
 var suma=windowheight-meniu;
 $('#main-content').css('height',100+'vh' //-50px);

我的菜单有一个像素的高度，我想要100vh ..这可以做到吗？

例如(height:100vh-50px);

你能帮我解决这个问题吗？

提前致谢！

Answer 1

如果你想使用CSS，你可以这样做：

#main-content {
    height : calc(100vh - 50px);
}

Answer 2

将其设置为vh后，将设置CSS。但是当您尝试使用.height()获取计算样式时，它将返回高度的整数值（以像素为单位），您可以将其操作为否定50并将其重新设置为height属性。

嗯，你可以这样做：

$('#main-content').css('height', 100+'vh');
$('#main-content').css('height', $('#main-content').height() - 50);