css 如何向ASP.NET MVC4样式包添加media属性

6pp0gazn 于 2023-02-10 发布在 .NET

关注(0)|答案(2)|浏览(122)

在ASP.NETMVC4应用程序中，样式包是使用

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。

2条答案

在您的Razor页面中，您可以添加以下内容：

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

派对迟到了，不过：有一种方法

Styles.RenderFormat(string tagFormat, params string[] paths)

这是由普通的Styles.Render调用在内部使用的。

"<link href=\"{0}\" rel=\"stylesheet\" media=\"print\" />"

或您希望添加的任何其他属性。