gpt4 book ai didi

html - 具有最小尺寸的全屏 CSS

转载 作者:行者123 更新时间:2023-11-28 14:20:20 25 4
gpt4 key购买 nike

我已经使用以下结构在 CSS/HTML 中创建了一个布局:

structure

页脚中的导航水平滚动内容以显示两个不同的屏幕。屏幕内容高度固定且垂直居中,布局始终填满整个窗口。

因为我的内容有固定的高度,所以我需要浏览器在窗口达到一定高度时显示垂直滚动条。

我也有几个 position:fixed <canvas><html> 裁剪的叠加层和 <body>设置为 height:100%; width:100% 的元素.

我希望通过设置 min-height:700px<body> 上选择器 当窗口太短时,我可以让滚动条出现。这似乎行不通。

我怎样才能使这个网站通常全屏显示,但在低于最小尺寸阈值时滚动?

最佳答案

好吧,这应该有效地确保 body 始终至少为 700px。但是,position: fixed 仍会将它们锚定在视口(viewport)的底部,因此您基本上只会滚动背景。我相信您希望页眉/页脚栏固定在顶部和底部,以便您始终可以看到它们之间的全部内容?

那么,像这个 fiddle 这样的东西是否更像您正在寻找的东西? http://jsfiddle.net/jblasco/qPB9k/8/

它使用包装器 div 来实现 min-height,并使用绝对定位的条来代替。

关于html - 具有最小尺寸的全屏 CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8555157/

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