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

相关文章推荐

从容的排球 · python - Sumo-web3d ...· 1 年前 ·

刚失恋的拐杖 · C++ 指针 | 菜鸟教程· 1 年前 ·

火爆的草稿本 · Springboot -- ...· 1 年前 ·

胡子拉碴的饼干 · selenium爬虫中的post坑 - ...· 1 年前 ·

冷静的课本 · SQL Server ...· 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;

推荐文章

从容的排球 · python - Sumo-web3d does not show cars and road signs on the 3D world : how to apply some solutions

1 年前

刚失恋的拐杖 · C++ 指针 | 菜鸟教程

1 年前

火爆的草稿本 · Springboot -- 用更优雅的方式发HTTP请求(RestTemplate详解) - 简书

1 年前

胡子拉碴的饼干 · selenium爬虫中的post坑 - FreeBuf网络安全行业门户

1 年前

冷静的课本 · SQL Server 表中字段按分隔符拆分为多行问题

1 年前

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

1 个回答