Question

我有一个页面可供用户打印。但是打印不应该只打印某些元素。

因此，我有一个用于处理该问题的print.css文件：

body{
    font-size:2.5em;
}

container-a{
    display: none;
}

container-b{
    display: none;
}

container-c{
    height: 50%;
    border-bottom: 2px solid black;
}

container-d{
    height: 50%;
    border-bottom: 2px solid black;
}

我在装有79.0.3945.88版Chrome的Ubuntu计算机上进行开发。因此，当我单击Ctrl + P时，一切看起来都很好。

但是，一旦我部署并从装有80.0.3987.163版本的Chrome的Windows机器上进行检查，则格式完全错误。字体大小太大，导致仅一半显示在打印页面上。

我尝试使用22px之类的设置值代替2.5em来设置字体大小，但这没有任何改变。实际上，我必须进入高级设置，并将比例从“默认”设置为“自定义60％”，然后使打印页面看起来像我的开发机上的打印页面。

为什么有区别？我以为既然我使用％并且它们在每个地方都应该看起来一样？

Answer 1

我很聪明，两种浏览器中的纸张尺寸选项都不相同。

在不同的浏览器中，print.css看起来有所不同

1 个答案: