Mobile版：
译者：酷么？你怎么觉得我不知道，我是觉得很酷！
如果您没有mobile设备可以测试的话。你也可以注释掉下边代码来查看效果：
<script type="text/javascript">
$(document).ready(function () {
if (window.innerWidth > 480) {
$("link[rel=stylesheet]").attr({ href: '@Url.Content("~/Content/Site.css")' });
}
});
</script>你也许会说，仍然有大量的工作要做，使一切看起来不错，但通过添加一些额外的data-role属性的默认布局，90％的工作已经完成了。接下来的步骤是探索特殊功能去让你的网站很有趣。 jQuery Mobile的有以下基本功能：
导航条（中页眉或页脚，带或不带图标）
页面过渡
对话框
按钮
表格
列表视图（在移动平台上提供了典型的手指滚动）
全面的主题化的支持，以换出完整的外观和感受。
导航条事例：
<div id="logindisplay" class="ui-bar">
@Html.Partial("_LogOnPartial")
@Html.ActionLink("English", "ChangeLanguage", "Home",
new { language = "en" }, null) ]@Html.ActionLink("Francais", "ChangeLanguage", "Home",
new { language = "fr" }, null) ]</div>下面的例子将呈现典型的智能手机的按钮，以及其他链接都将添加相同的样式。
@Html.ActionLink("My Cool Link", "SomeAction", "Home", null,
new Dictionary<string, object>
{{ "data-transition", "slide" }})以下页面的过渡将在加载完Ajax后显现在新的内容。在我们的标准网站，其他的所有连接也这样做。
Dialog 例子：
<a href="foo.html" rel="external nofollow" data-rel="dialog">Open dialog</a>
就像前面的例子，这将呈现为Web浏览器的通用的链接，但在移动版本，标准的弹出窗口将显示。
Button 例子：
<a href="index.html" rel="external nofollow" rel="external nofollow" data-role="button" data-inline="true">Cancel</a>
<a href="index.html" rel="external nofollow" rel="external nofollow" data-role="button" data-inline="true" data-theme="b">Save</a>
正如您可能期望的那样，这些按钮放置在Header，他们将呈现在最上面一栏，一个在左边，一个在右边，模仿今天在智能手机的标准Header按钮。
