SitePoint Sponsor

User Tag List

Results 1 to 7 of 7
  1. #1
    SitePoint Enthusiast
    Join Date
    Nov 2009
    Location
    London, UK
    Posts
    32
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Liquid vs fixed for mobiles

    I'm wondering which is generally better for mobile devices. Fixed or liquid layouts?

    Thanks for your advice.

    Michael

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    23,598
    Mentioned
    411 Post(s)
    Tagged
    6 Thread(s)
    For most mobiles, fixed width will cause a lot of scrolling.

    Check out this take on mobile design:

    http://www.slideshare.net/bryanriege...e-web-by-yiibu

  3. #3
    Life is not a malfunction gold trophysilver trophybronze trophy
    TechnoBear's Avatar
    Join Date
    Jun 2011
    Location
    Argyll, Scotland
    Posts
    5,335
    Mentioned
    214 Post(s)
    Tagged
    5 Thread(s)
    There's such a range of screen sizes for mobile devices that I don't see how a fixed layout could work. Horizontal scrolling on a mobile is a nightmare. Go with liquid every time. That's my advice, for what it's worth!

  4. #4
    SitePoint Mentor NightStalker-DNS's Avatar
    Join Date
    Jul 2004
    Location
    Cape Town, South Africa
    Posts
    2,868
    Mentioned
    37 Post(s)
    Tagged
    0 Thread(s)
    I agree. A fluid layout is definitely the way to go with mobi websites. As mentioned by TechnoBear said, there are a lot of different screen sizes, so a fluid design will work better

  5. #5
    Programming Team silver trophybronze trophy
    Mittineague's Avatar
    Join Date
    Jul 2005
    Location
    West Springfield, Massachusetts
    Posts
    16,445
    Mentioned
    160 Post(s)
    Tagged
    1 Thread(s)
    It's my understanding that some devices allow custom resolution/dimensions. Blows designing "fixed" for even any number of possiblilities out of the water since there are an infinite number of them.

  6. #6
    SitePoint Enthusiast
    Join Date
    Nov 2009
    Location
    London, UK
    Posts
    32
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    That's great advice, thanks for your responses.

    Mike

  7. #7
    SitePoint Enthusiast
    Join Date
    Jan 2008
    Location
    follow me twitter.com/mobileHolly
    Posts
    47
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    If you want to make multiple stylesheets for different phones, you can use fixed, but you will definitely need device detection scripts for that and it can be difficult to keep up with all the screen sizes. The different size of tablets are also going to throw a wrench into it because it's not just screen sizes, but also resolution, so you would have to keep device detection up to date. Fluid is better if you want to keep things simple.
    This mobile blog has been running since before the first iPhone: mobiEnthusiast.mobi


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
  •