如何将媒体属性添加到ASP.NET MVC4样式包

Question

在ASP.NET MVC4应用程序中,使用创建样式包

    bundles.Add(new StyleBundle("~/css/pos.css")
        .Include("~/css/mypos.css"));

并在视图中呈现为

@Styles.Render("~/css/pos.css")

调试模式下生成的输出是

  <link href="/myapp/css/mypos.css" rel="stylesheet"/>

如何将media属性添加到输出中以便将样式用于屏幕

  <link href="/myapp/css/mypos.css" media="screen" rel="stylesheet"/>

或用于打印

<link href="/myapp/css/mypos.css" media="print" rel="stylesheet"/>

或者有更好的方法,可以在css文件或其他解决方案中指定媒体吗？使用jquery和jquery-ui.

Answer 1

在您的Razor页面中,您将添加以下内容:

<link href="@Styles.Url("~/css/pos.css")" rel="stylesheet" type="text/css" media="print" />