带有内联样式表和媒体查询的 Razor 视图 [重复]

Posted 2023-03-06

【中文标题】带有内联样式表和媒体查询的 Razor 视图 [重复]

【英文标题】：Razor view with inline stylesheet and media query [duplicate]

【发布时间】：2013-11-10 14:46:51

【问题描述】：

我正在处理一个 .cshtml 页面，该页面需要一些基本的内联样式，仅用于打印。 我打算使用 @media print 媒体查询，但是，这是一个 cshtml 页面，它破坏了我的页面。有没有办法解决这个问题？

是@media print 中的@ 符号破坏了它。

【参考方案1】：

p.s.w.g 绝对正确。要了解 @ 符号导致 .cshtml 文件出现问题的原因，我建议您研究 Razor View Engine http://en.wikipedia.org/wiki/ASP.NET_Razor_view_engine，当您在 .cshtml 页面中键入 @ 时，它会启动。简单地说，它是一种为你生成 HTML 的 HTML 渲染机制。它通常用于显示模型中包含的数据 =]

【参考方案2】：

如果要在输出中打印文字 @ 字符，可以将 @ 加倍。

<style>
    @@media print 
       ...
    
</style>