I'm currently creating a website using HTML, CSS and a little JS. However, the background image I am using, as well as the general UI design, doesn't work on a phone's aspect ratio of 9:16. I was wondering if there is any way to change the background image and the way the website is layout depending on the aspect ratio. So if the aspect ratio is 16:9, it uses a certain image, whilst if it's 9:16 it uses another image.
Thanks in advance for any help :D
Actually, you can change your design on runtime by using this quote in your CSS file:
@media (max-width: 400px)
{
#ID
{
//Changed Style
}
}