创建一个简单的移动版网站的最佳方法是什么?

如果你的网站可以通过CSS调整你所需要的一切,你应该是好的。

请记住移动网络中的不同之处:

• 总宽/高要小得多
• 为了可读性,字体大小通常会变大。
• 很多设备都不支持Flash(咳嗽iPhone)
• 去掉任何不需要的东西,不要把带宽浪费在移动用户不关心的东西上。
• 为手机添加移动友好属性,方便拨号

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

示例站点(桌面、移动和触摸优化)

• 迪格: Full γ Mobile
• 雅虎: Full γ Mobile
• 脸谱网: Full γ Mobile γ Touch

对于触摸电话,创建一个 jQTouch 版本。 对于键盘电话,只需为小屏幕优化样式表。

对于iPhone和Android,我不会费心,因为它们都有功能齐全的网络浏览器。(除非网站是Flash,否则仅限iPhone。)

你应该能够用一个自定义的CSS文件来定位任何你想要的设备,比如黑莓等。