如何在剃刀文件中指定 CSS @media？

Question

我有以下几点：

@if (Model.PageMeta.Sidebar == PageMetaSidebar.Small) { Html.RenderPartial("_SmallSidebar"); }

在我的包含文件中：

<style "text/css">
    #sbr { width: 193px; }
    #lft { left: 205px; top: 85px; right:  5px; bottom: 30px; }
    #top { left: 215px; top: 85px; right: 15px; }
    #btm { left: 215px; right: 15px; bottom: 30px; }
    #mdl { left: 215px; top: 85px; right: 15px; bottom: 30px; }
    @media print {
        div#lft {left:10px; right: 10px; top: 0px;}
        div#top {left:20px; right: 20px; top: 0px;}
        div#btm {left:20px; right: 20px; }
        div#mdl {left:20px; right: 20px; top: 0px;}
    }
}
</style>

但是这给了我一个编译类型错误：

_SmallSidebar.cshtml(7): error CS0103: The name 'media' does not exist in the current context

有没有人知道我该如何解决这个问题，所以它接受 @media 不是需要评估的东西？

Answer 1

您可以使用@@，剃须刀会忽略并打印一个@。