I'm starting to develop a mobile version of a site we have at work and have been wondering what is the secret for making a mobile site that will look good on all smart phones with their different sized screens and resolutions? I got to playing around and made a static 320 width page and got the graphics placed where I want them and then you look at that on a high-res screen like the iPhone 4 and it looks blurry. To prevent this, I'm having to use graphics that are higher resolutions than what we have on our full desktop site. So, do I make a 640 width page and resize all the graphics and text to fit the new "bigger" page and then scale it down somehow with a viewport so that it will display properly on smaller resolution devices? I'm at a bit of a head scratcher, here.