Trying to do an iPhone/smartphone-optimized version of a site to improve the experience with it vs. the desktop version. But I'm torn between whether I should create an entire mobile version (m.domain.com or whatever), such that anyone who wants can select the mobile version and those who don't can use the full one, even on handhelds, or if I should go the @media rules route to serve CSS to just those browsers with a device width of 480 or whatever. What do y'all do? Recommendations? Also, while one can currently specify max-device-width: 480px or something similar, isn't that going to fail on a Nexus One or Droid, both of which have over 800px max device width? Obviously I'd want android-based devices to get the mobile stylesheet, but I don't think want to go and give people with tiny netbook/ancient desktop screens (and modern browsers that recognize media selectors) the mobile version. And once, presumably, uber-rez phones start shipping it's only going to get worse using max-device-width. If max-device-width in inches is supported that'd be a nice workaround, but I don't know if that's supported at all, and I don't have an android device to test with. Anyone tried?