Bootstrap 4 CSS 导致 Chrome 的打印"Layout"消失

Question

我希望我的网站用户能够以肖像或景观模式打印页面。

使用Bootstrap 3.3.7从Google Chrome打印时，Chrome Print设置具有布局选项。只需将CSS/JS更改为4.0.0，Chrome Print设置就不再具有布局选项。我怀疑这与这些CSS指令之一有关：

@page
@media

Answer 1

我能够通过添加此CSS来解决此问题：

@page {
    size: auto;
}

Answer 2

在bootstrap 4.5下方的代码下工作不使用;

@media print { @page {size: auto !important} }

Answer 3

在Bootstrap的4.4版中，您需要设置：

size: auto !important;