Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/codeigniter/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 最小尺寸的全屏CSS_Html_Css - Fatal编程技术网
Fatal编程技术网
  • html/
  • Html 最小尺寸的全屏CSS

Html 最小尺寸的全屏CSS

html css

Html 最小尺寸的全屏CSS,html,css,Html,Css,我用CSS/HTML创建了一个布局，其结构如下： 页脚中的导航将水平滚动内容以显示两个不同的屏幕。屏幕内容高度固定，垂直居中，布局始终填充整个窗口 因为我的内容有一个固定的高度，所以当窗口达到一定高度时，我需要浏览器显示一个垂直滚动条 我还有两个位置：固定的覆盖层，它们被和元素裁剪，设置为高度：100%；宽度：100% 我希望通过在选择器上设置最小高度：700px，我可以在窗口太短时显示一个滚动条。这似乎不是工作 如何使此网站在低于最小大小阈值时全屏滚动？好的，这将有效地确保正文始终至少为70

我用CSS/HTML创建了一个布局，其结构如下：

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

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

我还有两个
位置：固定的
覆盖层，它们被
和
元素裁剪，设置为
高度：100%；宽度：100%

我希望通过在
选择器上设置
最小高度：700px
，我可以在窗口太短时显示一个滚动条。这似乎不是工作


如何使此网站在低于最小大小阈值时全屏滚动？
好的，这将有效地确保
正文始终至少为700px。但是，
position:fixed
仍然会将它们定位到视口的底部，因此基本上只能滚动背景。我相信您希望页眉/页脚栏粘贴到顶部和底部，以便始终可以看到它们之间的完整内容

那么，像这把小提琴这样的东西是否更像你要找的东西


它使用一个包装器
div
，该包装器执行
min height
，并使用绝对定位的条。
试试这个：
overflow-x:auto


一旦内容超过其容器的大小，它将尝试放置一个水平滚动条。
更像这样：-但我的实际代码中有一些不同之处，我需要弄清楚这是一个不同的问题的确切原因…可以发布一些相关的HTML/CSS，或者摆弄一下你的内容？