代码之家 › 专栏 › 技术社区 › maje

余烬引导问题:页面背景呈半灰色,通常应为全白色

ember-bootstrap ember.js twitter-bootstrap css html

maje · 技术社区 · 9 年前

如你所见,我的应用程序中有一些灰色背景,有人知道如何去除它。我知道CSS,所以如果你需要关于我的问题的任何信息,请问我!非常感谢。

编辑

body {
    background-color: #eee;
    padding-bottom: 35px;
}

解决了的: 多亏了@KieranMcClung,问题才得以解决。如果你愿意,你可以在评论中看到,但基本上,我在我的页面包装中放了如下内容:

<div id="page-wrapper" style="height: auto; min-height: 100vh">

1 回复 | 直到 9 年前

Kieran McClung 9 年前

以下示例将确保 .page-wrapper 课堂始终处于100%屏幕高度。

HTML

<body>
    <div class="page-wrapper">
        <!-- Page content -->
    </div>
</body>

body {
    background-color: #eee;
}

.page-wrapper {
    background-color: #fff;
    min-height: 100vh; /* Important bit */
}

vh 在某些移动浏览器上可能会有不同的结果,因为滚动时顶部浏览器栏会消失,这意味着屏幕高度(vh值)会发生变化。在这些设备上测试时,您必须记住这一点。

推荐文章

Shawn · 如何在组件内部完成余烬操作后重定向

8 年前

Sow Hari · 使用余烬计算属性(过滤器)过滤模型,并使用余烬模型表2以表格格式显示。没有可显示的记录

8 年前

AmazingDayToday · Ember:如何获取在Route->Model返回的文件的值

8 年前

Nikolay Shcherba · 在模型挂钩之前使用ember simple auth-in进行身份验证

8 年前

Alexandro · 使用Express和Ember启动web应用程序

8 年前

pbanka · 我的Typescript/Ember 3.1应用程序中有一个枚举,运行时出现导入错误。发生什么事了?

8 年前

Vikrant Siwach · 是否在验收测试中覆盖幻影响应?

8 年前

Androidicus · 余烬/把手:带参数数组的本地化辅助对象

8 年前

Thomas Anuragh27crony · 在余烬组件的生成上下文上测试属性

8 年前

Michel Fernandes · 部署EmberJS前端应用程序[已关闭]

8 年前