3

我已经尝试了超过 3 周，现在使用不同的实现试图让右侧部分不显示，并让左侧部分以全宽显示。鉴于我的研究表明，在不查看打印预览的情况下，没有简单或简化的方法来快速呈现打印视图，我请求一些帮助来解决这个问题。

不工作的印刷媒体 css 是这样的：

#gc {
    width: 100%;
}
#asideTrack {
/*      width: 100%;*/
    display: none;
}
.asideTrack {
/*      width: 100%;*/
    display: none;
}
.slideAside {
/*      width: 100%;*/
    display: none;
}
#slideAside {
    display:none
}

有什么建议么？

4

1 回答 1

10

在 CSS 中，如果它们具有相同的优先级，则较低的规则会覆盖顶部（取决于选择器）

您不在@media 块中编写通用css，它低于您的@media 打印块，因此它会覆盖您的@media 打印样式。例如，这就是为什么在打印预览中你的左块宽度为 74%（因为这个规则低于你说它是 100% 的 @media 打印块的规则）。

我希望它会有所帮助。

解决方案

  1. 在您的 css 文件中，您可以将媒体打印块放置在文件末尾。
  2. 向媒体打印块中的某些规则添加!important指令。即：p {颜色：红色！重要；}
  3. 将您的特殊屏幕 css 放在媒体屏幕块中。
于 2012-07-28T06:58:30.523 回答