html页面打印预览中的allignment问题

Question

我开发了一个html页面 但每当我进行打印预览时，我的所有内容都会被取消。

我确信我的css给出了尺寸，高度和宽度的错误。

但不确定究竟哪里出错了。 有没有其他选择，所以它不会影响我现有的CSS。 我听说过媒体标签......你们有没有相同的例子。

Answer 1

您可以使用自定义CSS进行打印： 选项1： 将媒体打印属性附加到css样式表链接

    <link href="/css/style.css" media="screen,print" rel="stylesheet" type="text/css">                               
                                               ^^^

然后你可以在这个样式表中编写自定义css进行打印

@media print {
    div {
        width: 100%;
    }
}

选项2： 您可以添加整个css文件以仅打印。

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

在这种情况下，不必在此样式表中使用@media print {