jquery - 如何根据屏幕大小调整页面上的 Div 大小？

Question

我正在完成编码测试。我想根据屏幕尺寸更改我所有的 div 尺寸。这是因为我的测试在笔记本电脑上看起来与在 Mac 计算机显示器上看起来不一样。在我的小型笔记本电脑上，所有 div 看起来都很大，但在 Mac 电脑显示器上看起来还不错。

Answer 1

使用 vh。

Refer Viewport sized typography

如果您需要全宽和全高，请使用 100vh 和 100vw。否则相应地改变。

div {
  height: 100vh;
  width:100vh
}