SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Zealot
    Join Date
    Apr 2011
    Location
    San Diego
    Posts
    111
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)

    Mobile Development - Am I doing it wrong?

    I didn't realize there was a Mobile Development section. Please move, thanks.
    Hi there.

    I decided to start making a mobile version of my website. From what I've gathered via Youtube, Google, etc, I found that you should make a site that doesn't have a lot of width. So I made mine with about 340px in width.

    Earlier today, I was browsing mobile phone websites on my laptop, just for kicks. But I realized that they all have something in common that I don't.

    YouTube - Broadcast Yourself.

    Six Flags

    Yahoo!

    They all look the same, and they don't have their width set to something like 340px.

    This is currently mine: Metal Gear Solid Info

    What do you guys think? What do you recommend I should do? Should I just keep it the way it is or try to change it? My site didn't take very long (about a day).

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,107
    Mentioned
    448 Post(s)
    Tagged
    8 Thread(s)
    If you set the width to 100%, it will fit any browser size. For monitors that are too wide, you could set a maximum width.

    The next step is to serve up different styles for different media, via media queries.

    This slideshow takes it a step further, and is worth a look:
    Rethinking the Mobile Web by Yiibu
    Facebook | Google+ | Twitter | Web Design Tips | Free Contact Form

    Forum Usage: Tips on posting code samples, images and more

    Forrest Gump: "IE is like a box of chocolates: you never know what you're gonna get."

  3. #3
    SitePoint Zealot
    Join Date
    Apr 2011
    Location
    San Diego
    Posts
    111
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    I'll be sure to take a look, thanks.

  4. #4
    Mouse catcher silver trophy Stevie D's Avatar
    Join Date
    Mar 2006
    Location
    Yorkshire, UK
    Posts
    5,881
    Mentioned
    122 Post(s)
    Tagged
    1 Thread(s)
    Quote Originally Posted by ralph.m View Post
    If you set the width to 100%, it will fit any browser size. For monitors that are too wide, you could set a maximum width.
    This doesn't always apply to mobile browsers.

    For example, I'm running Opera Mini on a Nokia touch-screen phone. When the phone is trying to display it as a fully functional web page, it lays out the page at a default width of about 840px, even where the stylesheet would quite happily let it take a much narrower width. This means that it invokes horizontal scrolling, sometimes unnecessarily. On the other hand, it does try to make the width of the main content column exactly the width of the screen, which is pretty smart.


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
  •