c# - 如何缩小包含@page的css文件

Question

media='print' 的 css 文件包含@page 指令

.myreceipt {
    @page {
        visibility: hidden;
        margin: 0 15px;
    }

    @page {
        height: auto;
    }
}

ASP.NET MVC4 内置缩小不会缩小它。查看源代码显示错误

(2390,5):运行时错误 CSS1062:需要分号或右花括号，找到“@page”

如何在 ASP.NET/Mono MVC4 应用程序中缩小包含@page 的 css？

Answer 1

无效的 CSS 语法。这样做:

@page hide {
    visibility: hidden;
    margin: 0 15px;
}

.myreceipt {
    page: hide
}

顺便说一句，你应该使用@media 而不是@page

@media print {
    .myreceipt {
         visibility: hidden;
         margin: 0 15px;
    }
}