1

我们正在开发针对台式机、平板电脑、移动设备的应用程序。是否值得拥有三个不同的页面/UI 来支持不同的设备?

有人提到 MVC 4.0 具有跨平台(设备)支持,我可以编写所有设备都可以查看的单页/解决方案?mvc4.0 是否真的解决了这个问题。如果是这样,我在哪里可以找到更多相关信息?

来自官方页面:

如果桌面浏览器请求主页,应用程序可能会使用该Views\Home\Index.cshtml模板。如果移动浏览器请求主页,应用程序可能会返回Views\Home\Index.mobile.cshtml模板。

我真的应该为不同的设备编写不同的 cshtml 吗?

默认项目模板的增强功能:- 除了外观上的改进之外,新模板中的功能也得到了改进。该模板采用了一种称为自适应渲染的技术,无需任何自定义即可在桌面浏览器和移动浏览器中看起来都不错。

上面的说的是不同的。

4

2 回答 2

1

如果您想针对多个设备,您可以做的最好的事情之一就是使用渐进式增强响应式设计原则。

这适用于任何 Web 框架,因为它使用 javascript 和 css 根据浏览器的尺寸和功能显示您的网站。

渐进增强是一种网页设计策略,它强调可访问性、语义 HTML 标记以及外部样式表和脚本技术。渐进式增强以分层方式使用 Web 技术,允许每个人使用任何浏览器或 Internet 连接访问网页的基本内容和功能,同时还为那些拥有更高级浏览器软件或更好带宽的人提供页面的增强版本.

响应式网页设计 (RWD) 本质上表明网站设计为使用级联样式表 3 媒体查询,@media 规则的扩展,具有基于流动比例的网格,以使布局适应查看环境,并且可能还使用灵活的图像。因此,使用各种设备和浏览器的用户将可以访问单一内容源,其布局易于阅读和导航,只需最少的调整大小、平移和滚动。

于 2012-05-31T13:36:31.347 回答
1

看一下这个。

http://www.asp.net/mvc/tutorials/mvc-4/aspnet-mvc-4-mobile-features

看起来 MVC4 将有一个内置的用户代理检查器,并允许您同时拥有自动切换的桌面和移动视图。

于 2012-05-31T19:13:50.580 回答