CSS - 根据div大小，在div内加载100％相对或可滚动最小大小的内容

Question

我经常搜索，无法找到问题的确切解决方案。 基本上我有一个页面，可以加载任何div。身体内的所有高度和宽度都是相对设定的。当我将页面加载到较小的div中时，我希望它具有当前正文的100％大小（我正在加载的页面的主体），并且它应该完全加载到div中而不进行任何裁剪/自动调整，它必须是可滚动的。

我想出的唯一解决方案是在主页面内硬编码一个单一尺寸，但我不希望这样，因为它应该全部取决于屏幕的分辨率和当前的缩放系数。

P.S我不知道我应该给出什么样的代码，也不知道需要进一步的细节。请随时向我索要。

P.P.S我想看看是否可以不使用js / jquery 谢谢。

Answer 1

如果我理解正确，您可以使用视口单元vw和vh来设置与当前视口相关的页面大小，而不管其加载的<div>如何

  

1vw =视口宽度的1％

     

1vh =视口高度的1％

例如：

body{
  width: 100vw;
  height:100vh;
}

浏览器支持单位@ caniuse.com