What to do so sites looks good on iPad or iPhone?

Discussion in 'HTML & Website Design' started by etc, Mar 16, 2011.

0
  1. #1
    When I tried looking my sites in iPad, it seems like chicken scratches and Disarranged.
    What do you do to make it look better?
     
    etc, Mar 16, 2011 IP
  2. buzenko

    buzenko Peon

    Messages:
    93
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Make different css styles and structures for iPad, for iPhone.

    For example your code in header:

    
<link href="css/main.css" rel="stylesheet" type="text/css" media="screen, projection" />
<link href="css/tablet.css" rel="stylesheet" type="text/css" media="all and (min-width: 481px) and (max-width: 768px)" />
<link href="css/mobile.css" rel="stylesheet" type="text/css" media="all and (min-width: 0px) and (max-width: 480px)" />
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0">
    HTML:
     
    buzenko, Mar 16, 2011 IP
    etc likes this.
  3. vinith90

    vinith90 Member

    Messages:
    151
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    26
    #3
    write css for different browsers
     
    vinith90, Mar 16, 2011 IP
  4. submitmaster

    submitmaster Well-Known Member

    Messages:
    329
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    103
    #4
    yes css will do it or i like to keep it simple and create one site that is 800x in width, and making sure your graphics are in gif format optimized for quicker download vira 1g 3g 4g networks
     
    submitmaster, Mar 16, 2011 IP