Question

我的高尔夫记分卡CSS是

<style type="text/css" media="print">
  BODY {
    PAGE-BREAK-BEFORE: always;
    width:100%;
    height:100%;
    -webkit-transform: rotate(-90deg) scale(.68,.68); 
    -moz-transform:rotate(-90deg) scale(.58,.58);
    zoom: 58%;
    filter: progid:DXImageTransform.Microsoft.BasicImage(Rotation=3);
}
</style>

IE缩放但不旋转。（删除缩放不会改变旋转问题。）

/ *删除了非IE部分的问题，以便更接近地匹配答案。将发布有关FireFox * /

的单独问题

有什么建议吗？还有PHP lib DOMPDF的想法，但它在大桌子上很容易打破，这是一个高尔夫记分卡。

Answer 1

对于轮换，你需要一些额外的线条：

        -ms-transform:rotate(-90deg);
        -o-transform:rotate(-90deg);
        transform:rotate(-90deg);

要进行缩放，您必须添加：

-moz-transform: scale(58);

没有对此进行测试，但认为它应该有用......

CSS打印旋转和缩放

1 个答案: