打印预览中的旋转文本问题

Question

我有一个带有Jquery Rotate插件的应用程序来旋转div内容。

在document.ready（）函数中它的旋转内容很好。

    <script src="App_Themes/jquery.rotate-1.0.1.min.js" type="text/javascript"></script>

  <script type="text/javascript">
    $(document).ready(function () {
          $('.rotation').jqrotate(-90);
          $('.id-card.invert').jqrotate(-180);


      });
   </script>

结果是：

但在进行打印预览时，旋转的内容显示为正常内容。

如何解决这个问题？

Answer 1

使用媒体查询检测媒体并在那里使用您的代码：

if (window.matchMedia("print").matches) {
    //use your code here
}