将高度设置为100vh可以工作，但在移动浏览器中会出现滚动条

link之家

链接快照平台

输入网页链接，自动生成快照
标签化管理网页链接

相关文章推荐

精明的日记本 · excel应用：用excel计算加班费如此简 ...· 1 年前 ·

善良的筷子 · DIV+CSS页面基本布局总结 - 知乎· 1 年前 ·

行走的豆芽 · 从TMS逆向到 WMTS - 陈昱行 - 博客园· 1 年前 ·

老实的火腿肠 · java - 如何在 Amazon s3 ...· 1 年前 ·

body{
  margin:0;
.centered_layout {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}

<div class="centered_layout">
    Centered app
</div>

const appHeight = () => {
    document.documentElement.style.setProperty('--app-height', `${window.innerHeight}px`)
window.addEventListener('resize', appHeight);
appHeight();

html, body {
    margin: 0;
    font-family: sans-serif;
.centered_layout {
    display: grid;

推荐文章

精明的日记本 · excel应用：用excel计算加班费如此简单_网易订阅

1 年前

善良的筷子 · DIV+CSS页面基本布局总结 - 知乎

1 年前

行走的豆芽 · 从TMS逆向到 WMTS - 陈昱行 - 博客园

1 年前

老实的火腿肠 · java - 如何在 Amazon s3 Bucket 中压缩文件并获取其 URL - SegmentFault 思否

1 年前

将高度设置为100vh可以工作，但在移动浏览器中会出现滚动条 内容来源于 Stack Overflow，遵循 CC BY-SA 4.0 许可协议进行翻译与使用。IT领域专用引擎提供翻译支持 腾讯云小微IT领域专用引擎提供翻译支持

1 个回答