在IE 11中打印横向模式的问题

Question

我正尝试在横向模式下在IE 11中打印图像。由于使用CSS设置Size不起作用，我使用以下CSS来旋转图像

<style type='text/css' media='print'>
    @page { size: portrait; }
    #card-preview
    {
    margin-left: 800px;
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    position: absolute;
    top: 0
    right: 0;
    left: 10px;
    }
    </style>

现在当尝试打印时，一切都在Chrome中运行良好但在IE中我遇到了问题，有空白是IE我无法弄清楚。我尝试增加大部分元素的宽度，高度，但没有任何变化。

只有当我设置body元素的缩放时，我才会得到正确的视图。但后来我得到了一个额外的空白页面。

在Chrome中正常运行

IE问题