我正在开发一个网站,并希望为用户提供移动和桌面友好的体验。

来自基本的html5 / css / js开发,我知道足够的css技巧,移动优先技术,液体布局和媒体查询可以很好地相处,但是要进一步优化解决方案,并考虑到我目前正在开始.net / mvc(含剃刀),我在寻找新的选择。

我已经阅读了有关设备检测技术的信息(目前赞成 http://51degrees.codeplex.com/ ),现在我试图找出为所有用户优化网站的选项。

我不希望移动用户加载较大版本的图像以及不必要的脚本/样式表/背景图像等,也不想像“移动优先”方法那样覆盖所有移动样式表。

由于我刚刚开始工作/学习如何使用MVC模式,我在问你: 使用MVC模式/开发可以构建一个组合的网站(而不是台式机和移动版本),并基于用户客户端/设备使用“ if else”并包括javascript,图像url,样式表等,并允许用户可以根据需要切换到完整版本。

有帮助吗?

解决方案

如果从移动设备调用该网站,或者从桌面调用默认视图,则可以为操作构建单独的移动视图并使用它们。

许可以下: CC-BY-SA归因
不隶属于 StackOverflow
scroll top