Fixed Fit-to-screen background on mobile web and web

  • templastorm
  • Graduate
  • Graduate
  • No Avatar
  • Joined: Sep 25, 2004
  • Posts: 173
  • Loc: Chicago
  • Status: Offline

Post August 15th, 2012, 12:03 pm

I am looking to create an mobile web site with a background that is "fit-to-screen".

An example of what I mean by fit to screen is here:

www.launchrock.com

I also want the background to be fixed, so when the content scrolls (if scrollable) on the mobile device, then the background will not scroll with it.

any suggestions?

I will be using canvas elements, i have played with both javascript and css options but haven't figured out what works out the best as of yet.
Back in the game!
  • Anonymous
  • Bot
  • No Avatar
  • Joined: 25 Feb 2008
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post August 15th, 2012, 12:03 pm

  • Zealous
  • Guru
  • Guru
  • User avatar
  • Joined: Apr 15, 2011
  • Posts: 1195
  • Loc: Sydney
  • Status: Offline

Post August 17th, 2012, 7:14 pm

i am sure you can find some java mobile scripts for viewing if the script your using does not have that all ready.

what do you have so far?
  • sherma
  • Silver Member
  • Silver Member
  • User avatar
  • Joined: Jun 13, 2011
  • Posts: 127
  • Status: Offline

Post January 1st, 2013, 3:58 pm

I'm working on my first mobile site (placed in a subdomain of the main site) so I'm not experienced with them at all yet.. but for the time being, I'm just using script in the header to call a different css depending on the browser size detected.

I'm sure I will find an easier way as I learn, but just thought I would mention it as a possible option

Post Information

  • Total Posts in this topic: 3 posts
  • Users browsing this forum: No registered users and 88 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 2011 Unmelted, LLC. Ozzu® is a registered trademark of Unmelted, LLC.