css - Chrome 打印网站，缺少布局选项

Question

我一直在创建一个网站，该网站的一部分设计为以纵向模式打印在小报纸上。我遇到的问题是，当 Chrome 中出现打印对话框时，它缺少“布局”选项。

在此屏幕截图中，左侧显示了我的对话框的外观与打印其他网站时的外观。具有讽刺意味的是，甚至我创建的其他网站也有如右图所示的选项，这是所需的行为。

我的问题是，是什么控制了这种行为？我该如何纠正它？在网络搜索中，我唯一看到的提及是当 Chrome 显示 PDF 文件时，但我显示的是网页。

如果您能提供任何见解，我们将不胜感激。

提前致谢

Answer 1

如果您在打印 CSS 中有一个 @page 大小声明，这将覆盖(并隐藏)打印对话框中的方向。要覆盖在别处设置的声明(例如 Bootstrap 4 这样做)，您可以添加:

@page {
  size: auto;
}