css calc无效问题

calc计算无效：

.css{
    height: calc(100vh - 30px);
}

在浏览器查看样式的时候，可见：

.css{
    height: calc(70vh);
}

有效的写法:

.css{
    height: calc(~"100vh - 30px");
}

在浏览器查看样式的时候，可见：　

.css{
    height: calc(100vh - 30px);
}