具有内联样式表和媒体查询的Razor视图

时间:2013-10-30 19:32:17

标签: asp.net asp.net-mvc css3 asp.net-mvc-4 razor

我正在开发一个.cshtml页面,该页面需要一些基本的内联样式才能进行打印。 我打算使用@media print媒体查询,但是,这是一个cshtml页面,它打破了我的页面。有没有办法解决这个问题?

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

2 个答案:

答案 0 :(得分:16)

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

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

答案 1 :(得分:2)

p.s.w.g绝对正确。要了解@符号导致.cshtml文件中出现问题的原因,我建议您研究Razor View Engine http://en.wikipedia.org/wiki/ASP.NET_Razor_view_engine,它恰好在您的.cshtml页面中键入@时启动。简单地说,它是一个为您生成HTML的HTML呈现机制。当您想要显示models =]

中包含的数据时,通常会使用它