gpt4 book ai didi

javascript - 无滚动的 HTML 单页

转载 作者:技术小花猫 更新时间:2023-10-29 11:55:54 28 4
gpt4 key购买 nike

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

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

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

提前致谢

最佳答案

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

.row {
height:33.3vh;
}

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

关于javascript - 无滚动的 HTML 单页,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42019599/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com