Question

这是HTML：

<!DOCTYPE html>
<html lang="en">
    <head>
        <title>HTML</title>
        <link rel="stylesheet" type="text/css" href="screen.css" media="screen">
        <link rel="stylesheet" type="text/css" href="print.css" media="print">
    </head>
    <body>
        <!-- Add your content here-->
    </body>
</html>

这是screen.css：

body {
    background-color: cyan;
}

这是print.css：

body {
    background-color: red;
}

屏幕看起来很好，应该采用青色背景颜色。但是，打印预览显示白色背景颜色。有人知道为什么会这样吗？

Answer 1

您需要在浏览器的打印设置中选择“应用背景颜色和图像”选项。

以下链接可能有所帮助。css media type print using background-color in chrome

enter image description here

为什么link元素中的media属性不适用于打印值？

1 个答案: