Comments on: iPhone CSS—tips for building iPhone websites

By: Victor Reyes

Victor Reyes — Thu, 27 May 2010 21:24:52 +0000

Thanks for the tips. How do i create a “view full site” link without the iphone redirecting me to the mobile site again?

By: Lemonrock Editor

Lemonrock Editor — Wed, 19 May 2010 13:47:48 +0000

Your code for browser checking should be:

if (strpos($_SERVER['HTTP_USER_AGENT'], “iPhone”) !== false) {
$isIphone = true;
}
else {
$isIphone = false;
}

…

if ($isIphone) {
(… iPhone specific code…)
}
?>

strpos returns either a positive integer ( >= 0) or, if the string is not found, false. See:

http://php.net/manual/en/function.strpos.php

By: Pietro

Pietro — Wed, 12 May 2010 21:46:04 +0000

If you read my comment and are in my same situation, then read here http://cubiq.org/scrolling-div-on-iphone-ipod-touch/5#how-to-use-the-script Apparently this works.

By: Harry Roberts

Harry Roberts — Wed, 12 May 2010 13:54:34 +0000

Pietro,
As far as I know there is no way of getting position:fixed; to work in Mobile Safari… This Stack Overflow article may be of some use though: http://stackoverflow.com/questions/743123/fixed-positioning-in-mobilesafari

Harry

By: Pietro

Pietro — Wed, 12 May 2010 03:09:35 +0000

I’m having troubles getting my iPhone to display correctly pages that use the “position:fixed” property. Do you guys have any suggestion, or are you aware of any known issue related to what I’m experiencing?
Thanks

By: Jimmy

Jimmy — Mon, 26 Apr 2010 00:08:09 +0000

Great article. I am about to help a client set up his website on iphone and I will keep this in mind. Any suggestions on how to handle movies on the iphone. I know the IPOD doesn’t take flash so I am wondering what the best options are.

By: Josh

Josh — Tue, 13 Apr 2010 17:19:19 +0000

Any tips for clearing CSS from an iPod Touch? The CSS seems to be solidly cached–clearing Safari history, cookies, and cache has no effect, even after force-quitting Safari and restarting the iTouch.

By: Al

Al — Tue, 30 Mar 2010 19:01:17 +0000

Thank you for your article, as it helped me create a mobile site for my iPod Touch. The top and bottom margins were always present no matter what I did to get rid of them, so I put my header as an image in tthe background rather than a real header, making the site look much better.

http://egoinc.netai.net/mHome.htm

By: 10+ useful code snippets to develop iPhone friendly websites

10+ useful code snippets to develop iPhone friendly websites — Mon, 01 Mar 2010 15:30:08 +0000

[...] CSS file.@media screen and (max-device-width: 480px){ /* All iPhone only CSS goes here */ }Source: http://csswizardry.com/2010/01/iphone-css-tips-for-building-iphone-websites/Automatically re-size images for iPhonesOn recent websites, most images are above 480 pixels wide. [...]

By: Gabriel Silva

Gabriel Silva — Mon, 01 Mar 2010 02:15:53 +0000

Just found this WP Plugin for mobile devices visualisation:
http://www.bravenewcode.com/products/wptouch/

I haven’t tested yet but it seems to work pretty good. Might be helpful.