Question

我有一个div，里面有三个垂直div。在这些内部div中，有一些带有列数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。

谢谢！

Answer 1

这是Chrome中的已知错误

此链接对您有用：

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

祝你好运