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

前端之家收集整理的这篇文章主要介绍了Bootstrap 4 CSS导致Chrome的打印“布局”消失前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我希望我的网站用户能够以纵向或横向模式打印页面.

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

@page
@media

解决方法

我能够通过添加这个CSS来解决这个问题:
@page {
    size: auto;
}

猜你在找的Bootstrap相关文章