html页面的打印预览中的对齐问题

Question

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

我确信我的css在尺寸，高度，宽度方面出了问题..

但是不确定到底哪里出了问题。有没有其他选择，所以它不会影响我现有的css。我听说过media tag...do，你们这些人有没有类似的例子。

Answer 1

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

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

然后，您可以编写用于在此样式表中打印的自定义css

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

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

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