Question

我想添加一个打印按钮，以便用户打印我的网页。但是当我打印所有的CSS样式都丢失了。看来打印机只保留基本的html元素。如果我还想在浏览器中完全按照它的样子打印出页面，我该怎么办？我的意思是，如果我使用彩色打印机，它将打印出一个带有CSS样式的彩色页面。当我使用黑白打印机时，它应该打印浅白色和深色的颜色，如灰色或黑色。

Answer 1

如果media="screen"元素上有link，请尝试将其删除或替换为media="all"。

Answer 2

请查看this和this，这应该会有所帮助。

基本上你需要添加一个css print语句。

<link rel="stylesheet" href="URL to your print.css" type="text/css" media="print" />

Answer 3

CSS样式表具有属性media。它指定此css适用的媒体。列出了可能的媒体类型here。

<style type="text/css" media="all">
   @import "myCss.css";
</style>

OR

<link rel="stylesheet" type="text/css" media="print" href="print.css">

如何打印一个页面上附有所有CSS样式的网页？

3 个答案: