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

发布时间：2020-12-18 00:21:46 所属栏目：安全来源：网络整理

导读：我希望我的网站用户能够以纵向或横向模式打印页面. 使用Bootstrap 3.3.7从Google Chrome打印时,Chrome打印设置具有“布局”选项.只需将css / js更改为4.0.0,Chrome打印设置就不再具有“布局”选项.我怀疑这与其中一个CSS指令有关： @page@media 解决方法我

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

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

@page
@media

解决方法

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

@page {
    size: auto;
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!