css - CSS：@media print 和 column-count 根本不起作用

Question

我有一个包含三个垂直 div 的 div。在这些内部 div 中有具有 column-count CSS 属性的 div（效果很好，见下文）。

工作部分是这个（对于多个屏幕尺寸）作为一个例子：

@media only screen and (min-width: 1100px) {
.masonry {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
}
}

有人可以告诉我为什么当我尝试打印页面时以下代码不起作用？

@media print {
.masonry {
    -moz-column-count: 2 !important;
    -webkit-column-count: 2 !important;
    column-count: 2 !important;
}
}

@media 打印查询正在使用

@media print {
    body {
    display: none;
    }
}

例如。

我在 Mac OS X 上尝试了 Safari 和 FF。

谢谢！

score 1 · Accepted Answer

这是 Chrome 中的一个已知错误

此链接可能对您有用：

这是一个用户尝试的一个小参考：

祝你好运

1 回答 1