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

标签 css google-chrome layout printing bootstrap-4

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

使用 Bootstrap 3.3.7 从 Google Chrome 打印时,Chrome 打印设置有一个布局选项。简单的把css/js改成4.0.0,Chrome打印设置就没有Layout选项了。我怀疑这与这些 CSS 指令之一有关:

@page
@media

最佳答案

我可以通过添加这个 CSS 来解决这个问题:

@page {
    size: auto;
}

关于css - Bootstrap 4 CSS 导致 Chrome 的打印 "Layout"消失,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49018636/

相关文章:

html - 保持包装容器一定比例的主体

html - CSS,为什么这些 div 会堆叠在一起?

javascript - 显示下一个隐藏的 div 和隐藏当前显示的 div

javascript - 如何在 chrome 中进行调试以获取 knockout 中可观察值的值?

javascript - 将 Greasemonkey 脚本移植到 Chrome

android - 使用 ListView 折叠工具栏

javascript - 通过键盘的 slider 动画不起作用(javascript 和 CSS)

javascript - 内容安全策略 : Google Chrome Extension 的值无效

java - 捏合缩放和平移

android - 在 Android 上创建类似 iPhone 的徽章通知