I published a website using the github domain, and it was working perfectly fine on any computer, however when I opened the website on different Iphones, the SVG image did not load, does anyone knows how to solve it?
And this is one of the SVG image files
On my index.html file I have a div with a class that displays the image:
<style>
.spacer {
aspect-ratio: 960/300;
width: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.layer1 {
background-image: url("./layer1.svg");
}
</style>
<body>
<div class="spacer layer1"></div>
</body>
The image is displayed perfectly fine on computers and android devices, but it does not load on any IOS phones that I have tested.
How can I make it load on any device?
Thanks!
Aucun commentaire:
Enregistrer un commentaire