我正在寻找为我所建立的网站创建网页的打印版本，直到我在Chrome中测试之前，所有网页似乎都进展顺利。我遇到了一个棘手的问题，即Chrome默认为某些响应式特定媒体查询（responsive.css），同时忽略通过@media print（print.css）设置的任何维度。我无法为我的生活找到解决方案。
我认为这可能与描述为Incorrect viewport size used for media queries when printing.的Chromium / Bootstrap错误有关。但是我一直试图解决这个问题已经很久了，以至于我现在已经无法对其进行分析。
该网站的链接可以是found here。为什么会发生这种情况以及如何预防？一个类似的问题是reported on SO in July '14，但我对解决方案没有任何成功（虽然我还没有尝试js选项而且我不愿意这样做）而且我是跳槽从那以后出现了一些修复。
由于
答案 0 :(得分：1)
延迟回复，但我遇到了这个问题并使用方法described here解决了它。它使用<?xml version="1.0" encoding="UTF-8"?>
<!-- Generated with glade 3.16.1 -->
<interface domain="">
<requires lib="gtk+" version="3.10"/>
<object class="GtkWindow" id="MainWindow">
<property name="can_focus">False</property>
<property name="title" translatable="yes">Hi there</property>
<property name="startup_id">MainWindow</property>
<child>
<object class="GtkBox" id="box1">
<property name="visible">True</property>
<property name="can_focus">False</property>
<property name="orientation">vertical</property>
<child>
<object class="GtkLabel" id="label1">
<property name="visible">True</property>
<property name="can_focus">False</property>
<property name="label" translatable="yes">Hi there!</property>
</object>
<packing>
<property name="expand">True</property>
<property name="fill">True</property>
<property name="position">0</property>
</packing>
</child>
<child>
<object class="GtkButton" id="button1">
<property name="label" translatable="yes">Awesome button</property>
<property name="visible">True</property>
<property name="can_focus">True</property>
<property name="receives_default">True</property>
<property name="relief">none</property>
<property name="yalign">0.56000000238418579</property>
</object>
<packing>
<property name="expand">False</property>
<property name="fill">True</property>
<property name="position">1</property>
</packing>
</child>
</object>
</child>
</object>
</interface>
mixin覆盖打印媒体查询中的网格。