Javascript 为什么在我单击“打印”按钮时，@media print的选择器未显示正确的格式？ 当我单击“打印”按钮时，文本应该显示在打印对话框的四列中，但在我编写时它显示为一个段落。

这是我的脚本代码，其中有打印按钮的单击事件。
当我点击它时，打印对话框弹出，但它想打印的文本
“显示在四列中”将其显示为段落。
$（文档）.ready（函数（）{
$（document.body）.on（'click'，'btnPrint'，函数（）{
window.print（）；
});
});

我的css代码。
@媒体印刷品{
.FourColumn类
{
-webkit列数：4；
-moz列数：4；
列数：4；
-webkit柱间隙：40px；
-moz柱间距：40px；
柱间距：40px；
}
}

myhtml代码。
印刷品
我的狗叫琼尼。我的狗叫琼尼。我的狗叫琼尼。
我的狗叫琼尼。我的狗叫琼尼。我的狗叫琼尼。
我的狗叫琼尼。我的狗叫琼尼。我的狗叫琼尼。我的狗叫琼尼。

在html头部的

中添加

media=“print”

，它看起来像一个Chrome bug。看到和