Results 1 to 1 of 1

Your favorite Apple, iPhone, iPad, iOS, Jailbreak, and Cydia site.


Thread: Making a website iphone friendly

  1. #1
    Default Making a website iphone friendly
    Hi,

    I know there are plenty of guides out there showing people how to use the google wap site maker and how to intersquash your rss feeds however Ive been tasked with the job of creating an iphone freindly version of a website, basically a stripped down version of a larger site. I have made the basics on the site however when the page loads on the iphone the site appears zoomed out. Does anyone know how to define the page width? assume there is something i need to add to the css file? ive already tried the below

    @media only screen and (max-device-width: 480px) {
    .navigation {
    display: none;
    }

    I know this is more of a web dev kind of question rather than iphone application question, but i thought that someone may have had some experience developing sites for the iphone.

    If any one is interested the site in question is here

    Thanks

    ---

    EDIT: Sorry have just seen poetic_folly's sticky about coding at 100% width. This is put in the css right?

    ---

    EDIT: Sorted.. i just added the below to the head of the page

    Code:
    meta name="viewport" content="width=320; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"
    Last edited by tommyp; 11-24-2008 at 06:08 AM. Reason: Automerged Doublepost

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