但你想想看，问题在于并不是所有移动设备都支持CSS3，所以你得求助于服务器设备侦查或者JavaScript（例如调整DOM来改变页面布局）。不过问题又来了，有些设备又不支持这些技术！

依据窗口来决定布局大小，或许只需几行CSS3。

NO2：将移动用户转向手机版网站

移动设计呈现的另一种方式就是专门针对手持设备而优化的布局，你可以利用Mobify等网络服务来做到这点。

与第一种方法相比（采用支持移动设备的网页设计），这种呈现格式更加优秀，因为体验设计是专门针对移动用户的，不考虑桌面用户。

这种情况下，你的流量取决于用户的浏览器代理。例如，如果一个移动设备用户访问你的网站（yousitename.com）,然后他们会比自动转向至mobile.yoursitename.com或者m.yoursitesname.com等之类的。

独立的手机网站会获得那些喜欢更快的速度的用户所带来的流量。

NO3：用户引导要点

无论你使用何种方式，下面两点是很重要的：

访问者知道你的手机版网站是可以登录的。

访问者可以选择是登陆手机版网站还是普通版网站（译者：就是PC版网站）。

虽然强行为用户转向或者改变布局听起来似乎是个好主意，但是结果往往会令人沮丧，所以最好还是让用户可以选择。

简单的技巧就是有这两个版本的网站的链接。例如，Six Revisions，你会发现在该网站的地段会有手机版网站的链接（m.sixrevisions.com），这样无论是手机用户还是电脑用户都有了选择。

出处：视觉同盟
责任编辑：bluehearts

上一页 5大移动网页设计之最佳实践 [1] 下一页 5大移动网页设计之最佳实践 [3]