The forums ran from 2008-2020 and are now closed and viewable here as an archive.

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

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #192437

    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

    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


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


    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:


    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

Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘Other’ is closed to new topics and replies.