1
Most Helpful
Most Helpful
Here's a quick solution: You could link your regular stylesheets using a "min-device-width" like so:
<link media="only screen and (min-device-width: 481px)" href="http://designreviver.com/answers/main.css" type="text/css" rel="stylesheet" />
The above means that any browser that has a screen larger than 480px will use it, however an iPhone or any other device will not.
Check out this post by A List Apart on the optimization of your website for the iPhone.
<link media="only screen and (min-device-width: 481px)" href="http://designreviver.com/answers/main.css" type="text/css" rel="stylesheet" />
The above means that any browser that has a screen larger than 480px will use it, however an iPhone or any other device will not.
Check out this post by A List Apart on the optimization of your website for the iPhone.
0
Good answer!
You also need to consider, are you supporting iPhones only? Or supporting a range of mobile devices? Are you building from scratch? Or retro-fitting an existing site?
IPhones and Blackberry's have different screen widths, not to mention the HTC, Nexxus etc. Some mobiles don't support Flash. Some don't support Javascript. Some don't like transparent PNG.
From scratch, CSS is a very powerful tool. CSS for handheld, CSS for print etc.
If you're retro-fitting it's a different story.
If iPhones only, then removing Flash and lots of pinch/zoom make s a current site viewable (not necessarily usable) on an iPhone.
If you need to support a range of mobile devices then a server-side re-direct (remember some mobiles don't support Javascript) based on the USER_AGENT string to a mobile-sized specific site - lowest common denominator is probably the best way to go.
You also need to consider, are you supporting iPhones only? Or supporting a range of mobile devices? Are you building from scratch? Or retro-fitting an existing site?
IPhones and Blackberry's have different screen widths, not to mention the HTC, Nexxus etc. Some mobiles don't support Flash. Some don't support Javascript. Some don't like transparent PNG.
From scratch, CSS is a very powerful tool. CSS for handheld, CSS for print etc.
If you're retro-fitting it's a different story.
If iPhones only, then removing Flash and lots of pinch/zoom make s a current site viewable (not necessarily usable) on an iPhone.
If you need to support a range of mobile devices then a server-side re-direct (remember some mobiles don't support Javascript) based on the USER_AGENT string to a mobile-sized specific site - lowest common denominator is probably the best way to go.