Media Queries

Comparing before and after fix for High Pixel Density Screen

Removing the Blur from Background Images on High Pixel Density (Retina Screen) Devices

Another problem I ran into when building my first mobile game (using HTML, CSS and JS) was that while testing it on my phone I found my graphics were all blurred. Quite obvious that it was because my phone has a high pixel density screen as many do now. However, my graphics are pretty much all applied as CSS background images and I had not had to deal with this issue before in anything other than images. A Google search and Stack Overflow provided the answers I needed though.