如何缩小包含@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;
    }
}