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

相关文章推荐

刚毅的鸵鸟 · 中国与东盟加强职业教育合作· 6 天前 ·

坐怀不乱的烈马 · 第28话叫谁滚呢 - 他是龙傲天 - 包子漫画· 1 年前 ·

乖乖的骆驼 · 东风风光MINIEV实尚款上市 ...· 1 年前 ·

心软的刺猬 · 迈凯伦2018年创新销量纪录 ...· 1 年前 ·

有情有义的馒头 · 蔚来ET7销量排行榜2023排名：蔚来蔚来E ...· 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;

推荐文章

刚毅的鸵鸟 · 中国与东盟加强职业教育合作

6 天前

坐怀不乱的烈马 · 第28话叫谁滚呢 - 他是龙傲天 - 包子漫画

1 年前

乖乖的骆驼 · 东风风光MINIEV实尚款上市售价2.86-4.16万元-手机新浪汽车

1 年前

心软的刺猬 · 迈凯伦2018年创新销量纪录中国市场增长最明显|迈凯伦-网通社汽车

1 年前

有情有义的馒头 · 蔚来ET7销量排行榜2023排名：蔚来蔚来ET72023年4月销量、年销量数据-车主指南

1 年前

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

1 个回答