css - 将 @page 大小调整为横向 4x6

Question

我有一张 4x6 的纸。我希望它能打印横向。有办法做到这一点吗？我尝试了下面代码的不同组合，但没有成功。目标是让它在 IE 11 中工作。

我还尝试向我的可打印区域添加旋转。也没有运气

@media print {
    @page {
        size: 6in 4in landscape;
        margin: 0in 0in 0in 0in;
    }
    #printable {
        display: block;
        rotation:90deg;
    }
}

Answer 1

因此，在谷歌搜索旋转后，它告诉您任何浏览器都不支持旋转link 。然后我尝试transform link这似乎有效。如果有人知道更简单的方法请告诉我!

@media print {
    @page {
        size: 6in 4in landscape;
        margin: 0in;
    }

    #printable {
        display: block;
        transform:translate(-2.09in,5.65in) rotate(90deg);
        transform-origin: top right;
    }
 }