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

Question

我希望我的网站用户能够以纵向或横向模式打印页面.

使用Bootstrap 3.3.7从Google Chrome打印时,Chrome打印设置具有"布局"选项.只需将css/js更改为4.0.0,Chrome打印设置就不再具有"布局"选项.我怀疑这与其中一个CSS指令有关:

@page
@media

Answer 1

我能够通过添加这个CSS来解决这个问题:

@page {
    size: auto;
}

Answer 2

在 Bootstrap 4.5 中，下面的代码可以工作，但不要使用；

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