search

aletheia-foundation / aletheia-foundation.github.io

Website for the aletheia foundation
http://aletheia-foundation.io/
Creative Commons Attribution Share Alike 4.0 International
4 stars 5 forks source link

Background image not rendering on lower resolution mobile #12

Open mjashanks opened 6 years ago

mjashanks commented 6 years ago

Background image is not displaying on lower resolution mobiles.

This is the case on my Samsung Galaxy S5, but not on a recent iPhone (not sure of versions yet)

Possibly a useful article: https://stackoverflow.com/questions/23586530/css-background-image-not-displaying-on-mobile

rowhitswami commented 6 years ago

I'd like to take this up.

rowhitswami commented 6 years ago

@mjashanks Which image you're talking about?

r3versi commented 6 years ago

/images/bg_100pc.jpg

rowhitswami commented 6 years ago

May I know the resolution of the device in which you're facing the problem?

mjashanks commented 6 years ago

@rowhitswami thanks... Phone is a Samsung Galaxy S5 Mini - Resolution 720 x 1280

rowhitswami commented 6 years ago

This is what I am getting on your said resolution. The only problem I can see is the image is repeated at the bottom.

Screenshot_from_2017_10_16_21_52_55
mjashanks commented 6 years ago

Yes... i see the same if i set my screen size to those dimensions.. it is only on my phone.

Possibly "DPI" is the issue, rather than resolution (?)

mjashanks commented 6 years ago

After seeing your image though, i realised that the banner takes up alot more room... so i measured my screen size directly. Its telling me that it is 640 x 360

Sorry, dont know why my phone is not operating at the resolution its supposed to!

mjashanks commented 6 years ago

screenshot_2017-10-16-18-34-48

This is how it looks on my phone. I'm guessing that this is not a huge issue, as apparently my phone has a very low resolution. Even at that, the site is still usable.

I will leave the issue open, but I think that it is fairly low priority