@media媒体查询和ASP.NET MVC剃刀语法冲突
我有一个使用Razor视图引擎在ASP.NET MVC中运行的大型网站。
我有一个基本的样式表，其中包含整个网站的所有通用样式。 然而有时候，我在页面的<head>中有页面特定的样式 – 通常这是一两行。
我不特别喜欢把CSS放在<head>因为它不是严格区分顾虑，而是对于一两行，这个页面确实是特定的，所以我不需要附加另一个文件并添加到带宽中。
我已经有了一个实例，但是我想把页面特定的媒体查询放到<head> ，但是因为媒体查询使用@符号和括号{}，所以它与剃刀语法冲突：
@section cphPageHead{ <style> /* PAGE SPECIFIC CSS */ ... @media only screen and (max-width : 960px) <-- the @ symbol here is clashing! { ... } } </style> }
有没有办法解决这个问题？
使用双@@符号。 这将逃避@符号，并在客户端正确渲染@media
还要记得在@@之后加一个空格：
@@ media only screen and (max-width : 960px)
@@media没有空间没有为我工作。
