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

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/ - 包括一些很好的例子