如何让每个div或者article完全适合屏幕

发布于 2024-12-21 08:55:58 字数 300 浏览 1 评论 0原文

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

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

我真的需要这个。 谢谢。

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

How can I make each of article fit to the entire screen resolution? For example, the initial page is the content of article#one, and when you scroll down, the next page is article#two.

I really need this.
Thanks.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

和影子一齐双人舞 2024-12-28 08:55:58

这非常简单:

article { height:100%; }

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

演示

It's very simple:

article { height:100%; }

Also, make sure html and body have height:100%; as well.

Demo

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文