Question

我有一个JSP页面页面，该页面根据屏幕大小以不同的样式显示内容。根据屏幕尺寸，我有三种类型的显示器，可以使用CSS文件中的媒体查询进行切换。我在JSP中使用window.Print（）函数，当我尝试使用该函数进行打印时，打印始终在移动视图中，而我想在内容的桌面版本中打印。

我曾尝试在css文件中使用媒体打印，并尝试隐藏代码的移动版本并显示桌面版本，但是移动版本被隐藏了，但从不显示桌面版本

JSP

<a href="javascript:window.print()"> PRINT </a>   //Print Link for the webpage

<div class="mobileversion">
     content
</div>

<div class = "desktopversion">
    content
</div>

CSS

@media only and screen (max-width: 320px) {
    .mobileversion {
        display: block;
    }

    .desktopversion {
        display: none;
    }
}

@media only and screen (min-width: 321px) and (max-width: 767px) {
    .mobileversion {
        display: block;
    }

    .desktopversion {
        display: none;
    }
}

@media only and screen (min-width: 768px) {
    .mobileversion {
        display: none;
    }

    .desktopversion {
        display: block;
    }
}

@media print {
    .mobileversion {
        display: none;
    }

    .desktopversion {
        display: block;
    }  
}

当我单击打印链接时，预览和实际打印将出现在移动版本视图中，但我希望它们会出现在桌面版本视图中。

感谢您的帮助。

打印介质未显示所需内容

0 个答案: