Results 1 to 3 of 3
  1. #1

    Member Since
    May 20, 2012
    Web Design help!
    Hi all,

    I am a bit of a newbie when it comes to webdesign but I tend to learn as I go and have taught myself linux and windows programming so far. I have also managed to develop three fully customised websites which look pretty good I think and so do the people I did them for so I am managing.

    I am actually working on a win7 pc, please don't hate me, I have tried various emulators and browsers but have been unable to recreate the problem one of my friends is complaining about and that is the background scaling down on his webpage when viewed through his ipod.

    I found this website advice among others:

    Background Image Shrinking on iPad | Drew5.NET

    and checked and was surprised to find the code is already present in my css.

    So my question is why does my background not render full screen on iOS products and can someone take me through the solution in baby steps please?

    Many thanks in advance,


  2. #2

    michelangelo's Avatar
    Member Since
    Apr 24, 2008
    West of Paris
    MacBookPro, iMac, OS 10.13.3, iPhone 5c iOS 10.3.2, iPad mini, iOS 9.3.5
    Not sure I understand why you appear to believe you need a special command or CSS to shrink a background image on an ipod or else. Seems to me a webpage (including its background) can be dimensioned by its creator in pixels, in units of length or as a % of the window, or even screen. I do not use background images but believe they can, as any other image, be sized with width as 100% of the container box and height undetermined (hence calculated proportional). As an example, all pages of the site linked from my signature lines below are created to fill the window containing the page. In CSS, it means the container box is dimensioned at 100% of the inside of the window. Never tested it on a ipad or ipod, but it renders as it should (100%) on a blackberry.

    Maybe you should post a link to allow ipod owners to test your site and peek into your code if it is visible.

    The reference you supply says that ipads may have a limitation in pixels for very BIG background images. Should we be surprised ? Would I try to feed a 6000 x 4000 px image into a feeble mobile device ? My reply would be "NO" for simple bandwidth reasons. Hope This Helped a little
    -- Michelangelo
    MacBookPro, iMac, iPhone 5c, iPad mini, AirPort Time Capsule (1st Generation), AirPort extreme (3rd generation), Apple TV (1st generation)

  3. #3

    Raz0rEdge's Avatar
    Member Since
    Jul 17, 2009
    27" i7 iMac, 15" Macbook Pro TB, 13" Macbook Air, iPhone 6S, iPod Nano 7th Gen
    Is that page you are having issues with on the Internet? If so, there are enough people here with iPod/iPhone/iPad that can visit and tell you what they see..
    Mac-Forums is shutting down in the near future. Read this thread to learn more.


Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Similar Threads

  1. New to Web Design
    By Mjc.americor in forum Web Design and Hosting
    Replies: 2
    Last Post: 10-26-2008, 04:46 PM
  2. How is my web design?
    By falcontook in forum Web Design and Hosting
    Replies: 8
    Last Post: 10-19-2008, 02:06 PM
  3. Web Design
    By bigdavecox90 in forum Web Design and Hosting
    Replies: 23
    Last Post: 09-17-2008, 09:55 AM
  4. The Worst Web Design Techniques Featured on Web Pages
    By novicew in forum Web Design and Hosting
    Replies: 1
    Last Post: 03-17-2006, 10:31 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts