Question

我有这个网页打开一个宽度为900像素的iFrame。 iFrame中有一个调用window.print()的打印按钮，它只在iFrame中打印某个div。我正在使用媒体查询来执行此操作。在我的print.css我有这两个查询

@media print {
    /*
     * This is the normal print when I want to print the web page,
     * it hides the menu and other unnecessary information
     * so that it won't print
     */
}

@media print and (max-width: 900px) {
    /*
     * here I set the body's visible to hidden,
     * and only display the div that I want to print
     */
}

问题是当我只是想要定期打印时应用第二个媒体查询，并且因为第二个媒体查询隐藏了正文，我得到一个空白页面。它在iFrame中工作正常。如果我在哪里删除第二个媒体查询我可以正常打印，但是当我打印形式的iFrame时，它会从父窗口打印所有这些必要的背景内容。如果我将两者结合起来，我将不得不为我要打印的网页上的所有内容添加“特殊”选择器，否则当我得到一个空白页面时。有任何想法吗？

Answer 1

我刚刚将max-width更改为min-width

在iFrame媒体查询中打印

1 个答案: