SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Enthusiast
    Join Date
    Dec 2005
    Posts
    41
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Mobile CSS & Fluid Layouts

    I am developing a website primarily for mobile use, and am using fixed percentages as measurements. I figured when a user opens the page images and text would be blown up to fit the scale of the screen size, but as you all probably know, it just ends up looking like a shrunken website. For example, an image that is 105 px tall actually appears to be something more like 10-20px after the screen is zoomed out.

    I am trying to accommodate multiple devices, and change the look on the fly if they were to flip the phone. Something like www.answers.com . Is there an example on the web showing how to achieve something similar?

    Thanks

  2. #2

  3. #3
    SitePoint Addict
    Join Date
    Sep 2009
    Posts
    316
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by X_GuardiaN_X View Post
    I am developing a website primarily for mobile use, and am using fixed percentages as measurements. I figured when a user opens the page images and text would be blown up to fit the scale of the screen size, but as you all probably know, it just ends up looking like a shrunken website. For example, an image that is 105 px tall actually appears to be something more like 10-20px after the screen is zoomed out.

    I am trying to accommodate multiple devices, and change the look on the fly if they were to flip the phone. Something like www.answers.com . Is there an example on the web showing how to achieve something similar?

    Thanks
    I just used this tactic here: http://css-tricks.com/css-media-queries/

    Involves having the screen size of the devices detected and then providing an appropriate stylesheet for that device. If you were so inclined, you could create a stylesheet for the many different screen sizes for mobile browsers.


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
  •