Question

我实际上是在尝试将Angular用于个人网站。

当我使用一个简单的页面（没有ng-view）时，我的背景图像就像一个魅力。但是，当我尝试使用ng-view渲染模板时，我的背景图像大小完全错误。

这是我的CSS：

#wrap {
    background-color: #303030;
    background-image: url(../img/bg1.jpg);
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 100%;
    height: auto !important;
    height: 100%;
}

我认为它可能来自Angular预呈现我的模板但我不知道如何解决它...

我已经尝试使用指令并在我的视图中使用ng-style调用它但是它不起作用...

我希望以前有人已经遇到过这个问题并且可以帮助我=）

Answer 1

好的，我找到了解决方案！

我正在使用带有div的ng-view：<div ng-view></div>因此，当我使用我的所有模板时，html在此div中呈现。

我只是在这个div <div ng-view style="height:100%"></div>中明确地将我的身高设置为100％，现在它可以正常工作。

不知道这是一个错误还是缺乏HTML体验。

使用ng-view时的背景大小问题

1 个答案: