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

Posted 2023-03-05

【中文标题】如何缩小包含@page的css文件

【英文标题】：how to minify css file containing @page

【发布时间】：2013-11-30 13:15:42

【问题描述】：

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 ？

【参考方案1】：

无效的 CSS 语法。这样做：

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


.myreceipt 
    page: hide

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

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

【讨论】：

你的 css 语法会产生与我的问题中的代码完全相同的结果吗？你的语法没有指定height: auto

我将 css 更改为使用您的 @ 媒体，但在这种情况下会出现空白页。也许在原始代码可见性中：隐藏被忽略并应该从您的代码中删除？

是的，可见性在原始文件中被忽略。你想做什么？显示 html 和预期行为将对我们有所帮助。至于'height: auto'，你可以将它重新添加到媒体中。

我正在尝试重构使用这种样式打印收据的现有代码。我删除了可见性并添加了 height: auto 到您的第二个样本。希望这会产生相同的结果

如果您只是重构，请尝试删除原始文件而不是替换它。删除它应该会产生相同的结果，因为它是无效的语法。