Css在Chrome中模拟缩放

ove*_*ove 9 css google-chrome

Chrome中有一个我想模拟的打印设置(缩放).

在此输入图像描述

在IE11中,我已经添加了css,这似乎解决了它,但不是在Chrome中.

@page {
  size: A4 portrait;
  margin: 1mm 1mm 0 5mm;
}
Run Code Online (Sandbox Code Playgroud)

在Chrome中,我必须手动将比例更改为50才能修复它.我试过用css

zoom: 50%
transform: scale(0.5);
Run Code Online (Sandbox Code Playgroud)

更新 现在我知道它为什么在IE11中工作.与设置A4尺寸无关.看起来IE有一个'Shrink to Fit'设置默认打开.我不认为在CSS中有办法.

ove*_*ove 2

终于找到了答案。

这是因为 bootstrap css。

我实施了下面的修复,目前似乎有效。

https://github.com/twbs/bootstrap/issues/12078