强制现有网站打印移动版本

Question

耦合约束。

1. 我正在使用Sharepoint 2013，有时会弄乱东西。希望不相关。

2. 我无法更改网站的视口元标记。

3. 该网站是我没有创建的一个非常大的现有网站，我只是为其创建一个新的print-css，用于在您不知道的情况下将平板电脑视图用于所有页面，并从中重新创建从头开始。

4. Bootstrap版本4被广泛使用。

因此，在这种情况下，我试图找到一种方法来强制页面使用与设备相同的CSS，并且该设备在打印时会看到800px的视图宽度。

由于要花费大量的时间来尝试一种即兴的解决方案，并且通过google发现零个其他案例中有人遇到了这个特定问题，因此我几乎要把这列为根本不可能的事情。

理想情况下，我想通过打印CSS来做到这一点，但是我现在对任何古怪的解决方案都持开放态度，只要它只影响打印视图即可。

Answer 1

您可以像对屏幕尺寸800px一样，对打印视图应用相同的媒体查询。 （在我的示例中，我假设您的意思是将屏幕 up 屏到此宽度）

以下内容将为较小的屏幕和打印视图设置红色color，同时保留较大的屏幕不变。

@media only print, only screen and (max-width: 800px) {
  .red {
    color: red;
  }
}

<div class="red">Red Text</div>