CSS打印旋轉和縮放

我對高爾夫記分卡CSS是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的想法，但它在大桌子上很容易破碎，這是一個高爾夫記分卡。

來源

2011-12-08 jerrygarciuh

對於旋轉你需要一些額外的線路：

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

縮放你必須補充：

-moz-transform: scale(58);

沒有測試過這一點，但認爲它應該工作.. 。

來源

2011-12-08 23:21:32 ptriek

謝謝你的回覆。旋轉線感謝。我已經有了-moz-transform行（見後），問題是如果指定了旋轉，那麼縮放失敗。另外 - 你的意思是.58，而不是58。 – jerrygarciuh

CSS打印旋轉和縮放

回答

相關問題