核心 UI 的卡片组件未显示在打印预览中

问题描述 投票:0回答:1

我正在尝试使用Core UI框架Card组件。当我尝试打印页面时,卡片组件的颜色和关联的图标没有显示在预览中。

我尝试使用打印类 (.d-print-*) 但没有成功。

复制的简单步骤:

关于如何解决这个问题的任何指示?

css vue.js core-ui
1个回答
0
投票

浏览器可能有一个设置,这意味着默认情况下不会打印背景颜色和图像。用户必须专门更改此设置才能看到这些。这是为了防止在浓色背景上过度使用墨水。

但是,正如这个问题所发现的,这可能意味着打印输出不够清晰或与屏幕看起来差异太大。

可以设置一个 CSS 属性来尝试克服这个问题:

print-color-adjust: exact;

MDN

请注意,某些浏览器需要 -webkit- 前缀,并且不能绝对保证会执行此操作。

因此,您可能想考虑其他几个选项:建议用户将浏览器设置为打印背景或创建一个专门用于打印的版本,该版本无需打印背景即可阅读(例如,具有更强的边框)。

你甚至可以让用户选择是否使用背景颜色——他们的选择。

© www.soinside.com 2019 - 2024. All rights reserved.