iPhone/iPod [+REP]

[Calvin]

Hey, i've done a little mobile website thing, well just a simple page so listeners can go on there on their iPod/iPhone or Blackberries but theres one problem. I'm loading the page on my iPod and it looks small, where as some mobile websites are fine on the iPod. What do I add to the style to make it the size of the iPod?

Here is what it looks like on my iPod:


Heres what I want it to look like:


Thanks.

[Jamesy]

Heres a nice guide for mobile devices http://labs.thesedays.com/2010/07/16...bile-websites/

in particular:

<meta id="viewport" name="viewport" content="width=320; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />

[Calvin]

Heres a nice guide for mobile devices http://labs.thesedays.com/2010/07/16...bile-websites/

in particular:

<meta id="viewport" name="viewport" content="width=320; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />

Thanks Jamesy, that's perfect! +Rep! And i'll bookmark that guide, it's quite useful for when designing mobile websites.

Also any idea of a code to automatically send a user to the mobile page if they go to http://stancefm.com?

[Jamesy]

I think you'd check their browser agent, I think there are many guides on t'internet

[Apolva]

Here's a quickie (not tested).

<?php
$ua=strtolower($_SERVER['HTTP_USER_AGENT']);

if(strpos($ua,"ipod")!==FALSE || strpos($ua,"iphone")!===FALSE) {header("http://mobile.stancefm.com/iphone/");die();}
if(strpos($ua,"blackberry")!==FALSE) {header("http://mobile.stancefm.com/blackberry/");die();}
?>

[Jordan]

Whats this for btw? :L

[Apolva]

Whats this for btw? :L

I'd imagine online radio?

Just to add to my last post, here's an improved version with support for iPad and android devices:

<?php
$ua=strtolower($_SERVER['HTTP_USER_AGENT']);

if(strpos($ua,"ipod")!==FALSE || strpos($ua,"iphone")!===FALSE) {header("http://mobile.stancefm.com/iphone/");die();}
if(strpos($ua,"ipad")!==FALSE) {header("http://mobile.stancefm.com/ipad/");die();}
if(strpos($ua,"blackberry")!==FALSE) {header("http://mobile.stancefm.com/blackberry/");die();}
if(strpos($ua,"android")!==FALSE) {header("http://mobile.stancefm.com/android/");die();}
?>

[Calvin]

I'd imagine online radio?

Just to add to my last post, here's an improved version with support for iPad and android devices:

<?php
$ua=strtolower($_SERVER['HTTP_USER_AGENT']);

if(strpos($ua,"ipod")!==FALSE || strpos($ua,"iphone")!===FALSE) {header("http://mobile.stancefm.com/iphone/");die();}
if(strpos($ua,"ipad")!==FALSE) {header("http://mobile.stancefm.com/ipad/");die();}
if(strpos($ua,"blackberry")!==FALSE) {header("http://mobile.stancefm.com/blackberry/");die();}
if(strpos($ua,"android")!==FALSE) {header("http://mobile.stancefm.com/android/");die();}
?>

Thanks so much, I searched it but couldn't find anything decent. Thanks! +REP.

[kk.]

http://stancefm.com/m/ I'd perhaps use sharper images