温馨提示:本文翻译自stackoverflow.com,查看原文请点击:css - Vue print page with original styles
css vue.js printing styles

css - 具有原始样式的Vue打印页面

发布于 2020-03-31 23:32:12

我有应用程序,并且我想有一个打印按钮来打印我的页面,但是具有CSS的原始样式。我已经有了唤起功能的按钮 window.print()我也print.scss有风格

    @media print {
     header {display:none;}
     footer {display:none;}
     button {visibility: hidden;}
    }  

问题是我想从样式文件中获得原始样式(有很多)。

原始风格

印刷版

(我故意切断了按钮。)

查看更多

提问者
Michał Kruk
被浏览
43
Michał Kruk 2020-01-31 19:54

Okey,我找到了解决方案,只是没有附加背景色。在媒体查询打印中,我只添加了以下内容: -webkit-print-color-adjust: exact !important;