html - 如何让每一个div或article完全适合屏幕

标签 html css fullscreen

<body>
    <article id="one">...</article>
    <article id="two">...</article>
    <article id="three">...</article>
    ...
</body>  

如何让每篇文章适应整个屏幕分辨率?例如,初始页面是文章#one 的内容,向下滚动时,下一页是文章#two。

我真的需要这个。 谢谢。

最佳答案

很简单:

article { height:100%; }

另外,确保 htmlbody 也有 height:100%;

Demo

关于html - 如何让每一个div或article完全适合屏幕,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8509915/

相关文章:

javascript - 是否有另一种方法可以通过 innerHTML 按钮的 onclick 而不是绑定(bind)到窗口来调用本地函数?

html - 在菜单中填充糟糕的浏览器优化 Chrome |火狐

css - 在 div 内垂直居中未知长度的文本

directx - 截取 DirectX 全屏应用程序的屏幕截图

html - 文本缩进在 safari firefox 中不起作用

javascript - 我们可以将属性 "name"赋予 HTML <table> 吗?

javascript - 滚动顶部 Jquery

css - 如何在不使用内容容器的情况下在 Bulma 中的标题前创建间距

javascript - 如何使用Javascript使窗口全屏(在屏幕上拉伸(stretch))

CSS:具有 2 列的全屏流体布局