SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Enthusiast Brocberry's Avatar
    Join Date
    Sep 2009
    Location
    England
    Posts
    99
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    How is my 960 site filling a 2000+ pixel tablet screen and scaling down for a phone?

    This is a site that was created for me and I can't make head or tail of the source code. On a simple brochure site I created, I did it all in percentages, so it's clear to me how that works, but is it possible for a fixed width site where pixels are absolute numbers rather than percentages to scale up and down this way?

  2. #2
    padawan silver trophybronze trophy markbrown4's Avatar
    Join Date
    Jul 2006
    Location
    Victoria, Australia
    Posts
    4,118
    Mentioned
    28 Post(s)
    Tagged
    2 Thread(s)
    What's the url?

    Phones/tablets by default will zoom out a layout that doesn't fit, this is so that they work with all the existing sites out there that don't design specifically for them.
    If you do want to design specifically for small size screens you can disable this feature which will prevent the zoom using the viewport meta tag.

    Which tablet is bigger that 2000px ?
    If you mean the retina iPad screens they still render at 1024px in css, they just squeeze 4 physical pixels into each.

  3. #3
    SitePoint Enthusiast Brocberry's Avatar
    Join Date
    Sep 2009
    Location
    England
    Posts
    99
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks Mark

    The url is http://www.reviber.co.uk

    Yeah, I was talking about the ipad3. I'm interested to know how it works now and how it will work about a responsive update.

  4. #4
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,331
    Mentioned
    463 Post(s)
    Tagged
    8 Thread(s)
    Quote Originally Posted by Brocberry View Post
    I'm interested to know how it works now and how it will work about a responsive update.
    I think you have your answer. A fixed width design will ted to fill the screen, normally ... but if it doesn't, you can force it to with the meta elements Mark referred to. If you set, say, a % width on a wrapper element, that element will fill that % width of the screen.


Bookmarks

Posting Permissions

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