Ionic device browser difference
<p>I have my Ionic app all set up, however, it doesn't function like in the browser...for example, the background picture doesn't load. Does anyone know why?</p>

<p>Everything, including the API that app communicates with, is stored locally</p>

<p><a href="https://i.stack.imgur.com/xMQSm.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/xMQSm.png" alt="enter image description here"></a></p>

<p>Here is the <strong>view</strong>:</p>

<pre><code>&lt;ion-view title="Login" id="page2" hide-back-button="true" hide-nav-bar="true"&gt;
    &lt;ion-content overflow-scroll="false" padding="true"
                 style="background: url('../img/loginBackground.jpg') no-repeat center;background-size:cover;"&gt;
        &lt;form class="list"&gt;

            &lt;style scoped&gt;
                .inputCustom{
                    background-color: rgba(255,255,255,0.8);
                }

                .imgBack{
                    display: block;
                    margin-left: auto;
                    margin-right: auto;
                    overflow: visible;
                    min-width: 60vw;
                    max-height: 60vw;
                    max-width: 60vw;
                }
            &lt;/style&gt;


            &lt;img src="../img/logo.gif" class="imgBack"&gt;

            &lt;div class="spacer" style="height: 60px;"&gt;&lt;/div&gt;

            &lt;ion-list&gt;
                &lt;label class="item item-input inputCustom"&gt;
                    &lt;span class="input-label"&gt;E-mail&lt;/span&gt;
                    &lt;input type="email" placeholder="" ng-model="user.email"&gt;
                &lt;/label&gt;
                &lt;label class="item item-input inputCustom"&gt;
                    &lt;span class="input-label"&gt;Lozinka&lt;/span&gt;
                    &lt;input type="password" placeholder="" ng-model="user.password"&gt;
                &lt;/label&gt;

                &lt;div class="animated flash" ng-show="validationBool"
                     style="text-align: center; padding-top: 5px; color: indianred"&gt;{{validationError}}
                &lt;/div&gt;

            &lt;/ion-list&gt;
            &lt;div class="spacer" style="height: 40px;"&gt;&lt;/div&gt;
            &lt;a ng-click="signIn()" id="login-button1" class="button button-positive  button-block"&gt;Prijavi se&lt;/a&gt;
            &lt;a ui-sref="signup" id="login-button2" class="button button-positive  button-block button-clear"&gt;Nemaš račun? Registriraj se&lt;/a&gt;
        &lt;/form&gt;
    &lt;/ion-content&gt;
&lt;/ion-view&gt;
</code></pre>