如何用Razor视图实现ASP.NET内联CSS和媒体查询？

本文共计268个文字，预计阅读时间需要2分钟。

在使用CSS媒体查询和ASP.NET MVC Razor语法时，如果遇到语法冲突，以下是一种简洁的解决方法：

我正在开发一个.cs页面，该页面需要一些基本的内联样式才能正确打印。我尝试使用@media查询来针对打印媒体，但似乎与Razor语法存在冲突。这是我的.cs页面的一部分：

@{ // CSS样式 @media print { /* 打印媒体特有的样式 */ } }

确保你的CSS媒体查询语法正确，并且没有与Razor语法冲突。如果问题依旧，请检查是否有其他代码影响了样式或媒体查询的解析。

参见英文答案 > @media media query and ASP.NET MVC razor syntax clash3个
我正在开发一个.cshtml页面,该页面需要一些基本的内联样式才能进行打印.
我打算使用@media打印媒体查询,但是,这是一个cshtml页面,它打破了我的页面.有没有办法解决这个问题？

@media print中的@符号正在破坏它.

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

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