如何使用calc缩放比例页面元素？

Question

（这只需要在Chrome中使用。）

我有一些代码：

<div id="mainFrame">
...
   <div id="content">
   ...

与css一样：

#mainFrame {
    width: 90vw;
}

#content {
    zoom: calc(90vw/859px);
}

但不幸的是，这还不算。我得到＆＃34;无效的财产价值＆＃34;在Chrome中。问题是，我不确定为什么。我知道我可以用某种jQuery解决这个问题..但我宁愿在纯CSS中做到这一点。

1. 如果我做错了什么，我该怎么办呢？ （再次，我的问题仅针对Chrome）
2. 如果由于某种原因不可能：为什么？ 和在整个页面视图中，相对于视口保持#content大小的jQuery是什么？

编辑：我不再需要＃2的jQuery，我已经找到了它：

$(document).ready(resizeContent);
$(window).resize(resizeContent);

function resizeContent() {
  var res = $(window).width()/(859 * 1.2);
  $("#content").css({'zoom': res});
}

出于某种原因，使用859 * (1/0.9)并不像我想象的那样......但这就足够了

所以只需要解释即可。