For mobile optimization I've 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 (e.g. the later tags overwriting the previous ones)?
MobileOptimized includes a pixel width, is it possible to use
width=device-width instead and is it advisable to do so? Will something like the iPhone scale to 320px or ignore this?