桌面和移动组合网站的架构？

Question

我想建立一个适用于移动设备（即智能手机和平板电脑）以及桌面浏览器的网站。当前“最佳实践”是架构这样一个站点使用MVC然后为每个“筒仓”创建单独的视图和控制器（即一组视图和控制器用于桌面，另一组用于手机，第三组用于平板电脑（希望共享模型））然后在每个孤岛中使用“响应”设计技术为每个设备正确渲染视口（例如iPhone与Android，iPad与Fire）？

有什么选择来构建这样的网站？你能推荐一些讨论这个话题的好文章吗？

谢谢！

Answer 1

我不确定你会找到一个正式的答案，但这里有一些我用过的策略：

• 使用Responsive Theme - 一个网站，缩放到浏览器大小。此解决方案与自适应主题密切相关，可能涉及使用媒体查询为客户端浏览器加载正确的css。
• 有两个解决方案，一个用于桌面，一个用于移动（服务层执行大部分业务逻辑）

有用的文章？对我来说，这些有帮助：

• http://www.propublica.org/nerds/item/adaptive-design-fixed-widths-and-tablets - 好介绍
• http://www.1stwebdesigner.com/design/responsive-design-overview/ - 包含一些不错的例子