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

Question

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

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

    @page {
        height: auto;
    }
}

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

(2390,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '@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;
    }
}