桌面和移动网站的体系结构？

Question

我想要建立一个网站，将工作的移动设备(即智能手机和平板电脑)以及桌面浏览器。当前设计这样一个站点的“最佳实践”是使用MVC，然后为每个“筒仓”创建单独的视图和控制器(即桌面的一组视图和控制器，手机的一组，平板电脑的第三组(同时希望共享模型))，然后在每个筒仓中使用“响应性”设计技术，为每个设备正确地呈现视图端口(例如，iPhone与安卓、iPad与Fire)？

设计这样一个网站有哪些选择？你能推荐一些讨论这个话题的好文章吗？

谢谢!

Answer 1

我不确定你会找到一个正式的答案，但以下是我用过的几个策略：

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

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

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