For mobile optimization Ive read that you should include all the following meta tags:
<meta name="HandheldFriendly" content="true" /> <meta name="MobileOptimized" content="320" /> <meta name="viewport" content="width=device-width">
Are they all doing slightly different things or is there a hierarchy (eg the newer tags overwriting the older ones)?
As MobileOptimized includes a pixel width, is it possible to use width=device-width instead and is it advisable to do this? Will something like the iphone scale to 320px or ignore this.