css - Chrome 和 Mozilla Firefox 中的不同打印预览

Question

http://exrx.net/concrete5/extras/food-exchange-journal
这是页面链接，页面包含一些表格。当我尝试在 Firefox 浏览器中打印此页面时，打印预览显示完整表格并且工作正常。 但是当我在 Google Chrome 浏览器中打印相同的页面时，它显示半个表格并且预览与 Firefox 不同。 可能是什么原因 ？谷歌浏览器是否忽略打印媒体查询？ 以下是我在打印媒体查询中使用的 CSS。

@media print {

    #mobileNav{ display:none !important;}
    .container { width: auto; }
    td {    font-size:0.6em; }
    #mobileAssets {display:none !important;}
}

Answer 1

这是因为 transition kits css 导致打印媒体查询。 示例:
transition: 所有 0.2s 缓和 0s;