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

Posted 2023-03-06

【中文标题】Chrome 和 Mozilla Firefox 中的不同打印预览

【英文标题】：Different Print preview in Chrome and Mozila Firefox

【发布时间】：2015-06-03 05:06:05

【问题描述】：

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;

【问题讨论】：

尝试在.container 上使用width:100%;，或者在body 和html 上尝试。

【参考方案1】：

这是因为转换套件 css 导致打印媒体查询。 示例： 过渡：所有 0.2s 缓和 0s；