css calc无效问题

calc计算无效：

?

1 2 3

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

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

?

1 2 3

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

有效的写法:

?

1 2 3

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

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

?

1 2 3

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