我正在为一家公司建立一个小型网站,并希望构建一个针对具有完整互联网浏览器(iPhone /
Android等)的智能手机进行优化的版本.

我倾向于媒体查询,因为webkit支持这一点,其中大多数似乎都使用它.

这是最好的吗？如果是这样,哪种媒体查询最好？

我倾向于：

@media (max-device-width: 480px)

最佳答案 如果您的网站可以通过CSS调整您需要的一切,那么您应该很好.

请记住移动网络中不同的内容：

>总宽度/高度要小得多
>字体大小通常会更大,以提高可读性
>许多设备都不支持Flash(咳嗽iphone)
>剥离任何不需要的东西,不要浪费移动用户不关心的东西带宽
>为手机#添加适合移动设备的属性,以便轻松拨号

也就是说,一旦你进入它,你可能会发现你真的想/需要为移动用户提供不同的“视图”……例如将它们从example.com重定向到m.example.com并显着改变页面上的内容.如果您使用类似MVC的框架,您应该能够为针对移动设备优化的页面制作一组简化视图.

示例网站(桌面与移动与触控优化)

> Digg：Full | Mobile
>雅虎：Full | Mobile
> Facebook：Full | Mobile | Touch