如何将媒体属性添加到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"/>

如何将媒体属性添加到输出，以便将样式用于屏幕

  <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" />