.NET MVC 中如何在cshtml使用媒体查询设置响应式布局

开发中需要在.cshtml页面上，使用媒体查询进行响应式布局，但是@符号刚好是Razor的语法

 @media screen and (max-767px) { }

以上代码@被当成了Razor的语法，报错了，正确写法是使用两个@符号，代码如下：

@@media screen and (max-767px) { }