html+；css：屏幕与打印行为

我试图了解屏幕与打印的行为。打印和屏幕上的外观不同的原因是什么？（打印时，目录列消失，主列占据整个打印宽度）

（我正试图调试我的sphinx文档，它没有这种行为，但我想如果我能理解一个正常工作的文档，我就能找出为什么我的文档不能正常工作。）

---

更新：请注意，仔细阅读了回答者引用的basic.css中的“@media print”部分后，我的basic.css与APSW中的一行有一点不同：

div.bodywrapper {
    margin: 0 !important;
    width: 100%;
}

！我的basic.css中缺少重要的

修饰符，这导致

边距：0

被覆盖。谢谢大家，我的问题解决了

这是通过使用。使用它们，您可以将样式规则限制为特定的输出设备，如屏幕、打印机或手持设备。 看这里：

他们有。

看看：

他们在样式表中通过 @导入url（“basic.css”）

这是链接到的

您可以将其链接到一组属性：

@media screen {
    body { font-size: 13px }
  }

或者是整个样式表

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

---

我知道媒体类型，但据我所知，APSW文档并没有提及媒体类型。事实上，它们的确如此。所以不要因为你不识字就对答案投反对票。看：我已经找了30分钟了，但是找不到。如果你修改你的答案指出它，我会投你一票。对不起。阿格：我找到了。谢谢请调整你的答案，这样我就可以投票+接受（第一篇帖子）接受。（由于某种原因不能取消我的否决票…也许你必须在初始时间段结束后编辑它？）。。。很抱歉，我在源文件中查找了30分钟的APSW文档，但没有找到它。我在一个二级导入文档中忽略了它，并在这里看到了一个答案，该答案说明了那些不引用特定位置的源文件。我以后不会那么快就投反对票，我会在时间用完之前设法撤销它。

@media print {
    div.document,
    div.documentwrapper,
    div.bodywrapper {
        margin: 0 !important;
        width: 100%;
    }

    div.sphinxsidebar,
    div.related,
    div.footer,
    #top-link {
        display: none;
    }
}