Why would an image show in a browser but not on my device?

I have the code

<div class="portal-logo">
	<img src="../img/logo.png" />
</div>

in a urlTemplate in my code, the file system is like:
|—templates----html
|
|—img----logo.png
and the css i have affective the image is:

.portal-logo{
	margin-left: 40%;
	margin-top:5%;
}
.portal-logo img{
	width:30%;
	height:auto;
}

When i run it in the google chrome (ionic serve) it shows up, when i run it on my device or on an emulate it doesnt. why could this happen?

Problem solved, because im using angularjs routing the correct url “img/home-bg.png” as opposed to “…/img/home-bg.png”…need to treat it as if its in the same file

1 Like