javascript - 无滚动的 HTML 单页

Question

我想创建一个网页。我需要的是网页的大小应该根据用户窗口的大小而定，就像我们不需要向下滚动就可以看到某些东西一样。我可以将它更改为特定高度，但问题是在调整浏览器窗口大小时，它再次包含滚动选项，因为图像大小

在上图中，第一张图片变得过大，因此它显示空白而不是响应式 在第二个中，用户窗口的大小变小了，因此他们显示了一个 ScrollView ，问题是我希望它变得灵活。改变窗口大小会改变 div 的高度，而不是显示滚动选项。任何人都可以帮助我吗？

谢谢大家的回答!如果我想要 3 列等宽和固定高度且没有相同的滚动选项，也请回答

提前致谢

Answer 1

您可以使用"new"css 单位vh 和vw，它们与视口(viewport)的大小相关，目前已得到很好的支持。示例:

.row {
  height:33.3vh;
}

参见 this pen我所做的是为了在行动中看到它。