我有一个主要使用SVG绘制的日历。绘图的几个方面(如语言)由JQuery UI对话框中的输入控制。从浏览器打印时,我使用了媒体CSS部分,该部分隐藏了与日历不相关的对话框和其他页面组件,因此只打印日历。JQuery UI隐藏对话框干扰打印
这一切都很好。即使对话框在浏览器中可见,日历也会按预期打印,而不显示对话框。
只要对话框居中在日历上,或向左移动即可。如果该对话框可见并且被推到页面的右侧,即使是部分,印刷版本也会显着缩小,达到其正常尺寸的一半。将对话框向左移动可将打印版本恢复到正常尺寸。
我试图隐藏媒体中的所有ui- *组件打印CSS批发,使用可见性:隐藏和显示:无,没有成功。我向检查员透露了代码,正在寻找一个可能导致这种情况的超大的div,但我已经空了。
如果对话被解散,一切都很好。
这发生在我尝试过的所有浏览器上 - IE 11,以及最新版本的Firefox和Chrome。