how best code up one full browser image page across desktop, tablet, mobile

[johnleigh]

hi ive been reading thru many articles and the one i always come back to is this from 2009-2010 regards image background full browser

https://www.google.com/url?q=https://css-tricks.com/perfect-full-page-background-image/&sa=U&ei=jVysVN_JE8jzUqmtgIAC&ved=0CAYQFjAA&client=internal-uds-cse&usg=AFQjCNH77aAOSjwBx1hEJZGMHEP13ni-Qw

is there a better CSS only way of approaching this? Im aiming for a single splash page with a 100% width and heigh image maintaining aspect ratio that works across devices.

thanks in advance!

best regards
john leigh London UK

[Alen]

What have you tried so far? Can you show us sample code? You can use something like CodePen to share your code with us.

[shaneisme]

The first example in the article you linked to works fine IMO. Of course, the background-position: fixed is optional…

Anyway, I use it all the time… but as Alen suggests, get a Codepen going so you can mess around with it. If you don’t already have a large image, pick one of these for testing: http://hubblesite.org/gallery/wallpaper/

[johnleigh]

hiya thanks for feedback – Ive been reviewing potential approaches without having yet started the project as so far it wasnt clear if these old examples from the link will suit tablet and mobile and 5 years on from those articles I guess I had suspicion that a newer way was available – I prefer a CSS solution no jquery or scripts

[Author]

Posts