我正在为一家公司建立一个小型网站，并且希望构建一个针对具有完整互联网浏览器（iPhone / Android等）的智能手机进行优化的版本。
我倾向于媒体查询，因为webkit支持这一点，而大多数这些似乎都在使用。
这是最好的吗？如果是这样，哪种媒体查询最好？
我倾向于：
@media (max-device-width: 480px)
答案 0 :(得分：2)
如果您的网站可以通过CSS调整您需要的所有内容，那么您应该很好。
请注意移动网络中不同的内容：
也就是说，一旦你进入它，你可能会发现你真的想要/需要为移动用户提供不同的“视图”......例如将它们从example.com重定向到m.example.com并显着改变页面上的内容。如果您使用类似MVC的框架，则应该能够为针对移动设备优化的网页制作一组简化视图。
示例网站（桌面与移动与触控优化）
答案 1 :(得分：0)
对于iPhone和Android，我不会打扰，因为他们都有功能齐全的网络浏览器。 （除非该网站仅限Flash，仅限iPhone。）
您应该可以使用自定义CSS文件定位任何设备，例如Blackberry等。
答案 2 :(得分：0)
对于触控手机，请创建jQTouch版本。 对于键盘手机，只需制作针对小屏幕优化的样式表。